/* 
 Theme Name:   Divi Eurail
 Theme URI:    
 Description:  Modified Divi Theme
 Author:       mr_admin
 Author URI:   
 Template:     Divi
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/



/*
    Blackflower font for Trade portal site
*/
 

@font-face
{
font-family:'Blackflower';
font-style:normal;
font-weight:normal;
src:url('/wp-content/themes/Divi-Eurail/fonts/blackflower-webfont.eot');
src:url('/wp-content/themes//Divi-Eurail/fonts/blackflower-webfont.eot?#iefix') format('embedded-opentype'),url('/wp-content/themes//Divi-Eurail/fonts/blackflower-webfont.woff2') format('woff2'),url('/wp-content/themes//Divi-Eurail/fonts/blackflower-webfont.eot') format('woff');
}

.et_pb_button
{
	color: #fff!important;
}



/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:19999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000; opacity: 0.75!important; filter: alpha(opacity = 70);}
#colorbox{outline:0;}
#cboxContent{margin-top:20px;background:#000;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{border:5px solid #000; background:#fff;}
#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
#cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
#cboxNext:hover{background-position:bottom right;}
#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
#cboxClose:hover{background-position:bottom center;}




/* Anpassungen des Headers */
#main-header > .container {
	padding: 0 !important;
}
#main-header .logo_container {
	border-bottom: 1px solid #e8e8e8;
	height: 87px !important;
}
#main-header.et-fixed-header .logo_container {
	height: 70px !important;
}
#main-header .logo_container > div {
	height: 100%;
	margin: auto;
	max-width: 1080px;
	position: relative;
	width: 80%;
}
#main-header .logo_container img {
	margin-top: 20px;
}
#logo-link {
	height: 100%;
	left: 0;
	position: absolute;
}
#logo {
	height: auto !important;
	max-height: 60% !important;
}
#main-header .second-logo {
	height: 48%;
	position: absolute;
	right: 0;
}
@media (max-width: 981px) {
	#main-header {
		position: fixed !important;
	}
	#main-header .second-logo {
		display: none;
	}
}
#et-top-navigation {
	margin: auto;
	max-width: 1080px;
	text-align: left;
	width: 80% !important;
}
#et_top_search {
	margin-top: 27px;
	position: absolute;
	right: 0;
}
#top-menu > li {
	padding: 0;
}
#top-menu > li.menu-item-has-children {
	padding-right: 10px;
}
#top-menu > li:hover {
	-webkit-box-shadow: 5px 0 10px 0 rgba(0, 0, 0, .05), -5px 0 10px 0 rgba(0, 0, 0, .05);
	-moz-box-shadow: 5px 0 10px 0 rgba(0, 0, 0, .05), -5px 0 10px 0 rgba(0, 0, 0, .05);
	box-shadow: 5px 0 10px 0 rgba(0, 0, 0, .05), -5px 0 10px 0 rgba(0, 0, 0, .05);
}
#top-menu > li > a {
	font-size: 16px;
	padding: 12px 15px !important;
}
#top-menu > li > a:after {
	right: auto !important;
	top: auto !important;
}
#top-menu > li:first-child a {
	font-family: 'FontAwesome';
}
#top-menu .sub-menu {
	border: 0;
	padding: 10px 0;
	width: 100%;
}
#top-menu .sub-menu > li {
	padding: 0;
	width: 100%;
}
#top-menu .sub-menu > li a {
	width: 100%;
}
#top-menu .sub-menu > li a:after {
	background: #e8e8e8;
	bottom: 0;
	content: '';
	height: 1px;
	left: 10%;
	position: absolute;
	width: 80%;
}






#top-menu .sub-menu > li:last-child a:after {
	height: 0;
}





.et_header_style_centered .et-search-form input {
	top: 70%;
}
.et_header_style_centered .et-fixed-header .et-search-form input {
	top: 60%;
}
.et_header_style_centered span.et_close_search_field {
	top: 68%;
}
.et_header_style_centered .et-fixed-header span.et_close_search_field {
	top: 60%;
}


#footer-bottom {
	text-align: center;
}
#footer-bottom .second-logo {
	display: none;
}
@media (max-width: 981px) {
	#footer-bottom .second-logo {
		display: initial;
	}
}

#social {
	font-weight: bold;
	margin-bottom: 20px;
	text-align: center;
}
#social > div {
	display: inline-block;
	width: 49%;
}
#social > div:first-child {
	border-right: 2px solid #131c4e;
	padding-right: 20px;
	text-align: right;
}
#social > div:last-child {
	padding-left: 20px;
	text-align: left;
}
#social span:first-child {
	position: relative;
	right: -10px;
	top: 2px;
}
#social span:last-child {
	display: inline-block;
	height: 28px;
	margin-right: 130px;
	white-space: nowrap;
}
#social a {
	height: 100%;
	margin-left: 20px;
	vertical-align: middle;
}
#social img {
	max-height: 28px;
	max-width: 24px;
	vertical-align: middle;
}
@media (max-width: 981px) {
	#social > div {
		border: 0 !important;
		padding: 0 !important;
		text-align: center !important;
		width: 100%;
	}
	#social span:first-child {
		display: block;
		padding: 20px 0 10px;
		position: initial;
	}
	#social span:last-child {
		margin-right: 0;
		width: 100%;
	}
}

#colorbox, #cboxOverlay, #cboxWrapper {
	z-index: 100000;
}
#colorbox {
	max-width: 98%;
	position: fixed !important;
	top: 5% !important;
}
#cboxLoadedContent img {
	height: auto !important;
}

.et_button_no_icon .et_pb_button,
.et_button_no_icon .et_pb_button:hover {
	padding: .9em 1em !important;
}

/* Mobile Menu */
#mobile_search_icon {
	display: none;
}
@media (max-width: 981px) {
	#main-header {
		padding: 0 !important;
	}
	#main-header > .container {
		width: 100%;
	}
	#et-top-navigation {
		width: 100% !important;
	}
	#mobile_menu {
		padding: 0;
		top: 0;
		width: 90%;
	}
	#et_mobile_nav_menu {
		margin: 0 !important;
	}
	.mobile_nav {
		background-color: transparent !important;
		height: 0;
		padding: 0 !important;
	}
	.mobile_nav .select_page {
		display: none !important;
	}
	.mobile_nav .mobile_menu_bar.mobile_menu_bar_toggle {
		left: 10px;
		right: auto;
		top: -67px;
	}
	.et-fixed-header .mobile_nav .mobile_menu_bar.mobile_menu_bar_toggle {
		top: -59px;
	}
	.mobile_nav .mobile_menu_bar.mobile_menu_bar_toggle:before {
		color: #131c4e;
		font-size: 48px;
	}
	.mobile_nav.opened .mobile_menu_bar.mobile_menu_bar_toggle:before {
		content: '\33';
	}
	#logo-link {
		position: relative;
		top: -10px;
	}
	.et_search_outer {
		/*display: block !important;*/
		top: -100px;
		z-index: 100000;
	}
	.et_search_outer .et-search-form {
		position: relative;
	}
	.et_search_outer .et_search_form_container {
		opacity: 1;
		width: 100%;
	}
	.et_search_outer .et-search-field {
		background-color: #fff;
		font-size: 28px;
		padding: 27px;
		position: static;
		width: 100%;
	}
	.et-fixed-header .et_search_outer .et-search-field {
		padding: 19px;
	}
	.et_search_outer .et_close_search_field {
		right: 10px;
		top: 0 !important;
	}
	#mobile_search_icon {
		display: block;
		position: absolute;
		right: 15px;
		top: 32px;
		z-index: 99999;
	}
	.et-fixed-header #mobile_search_icon {
		top: 23px;
	}
	#mobile_search_icon:before {
		color: #131c4e;
		content: '\55';
		font-family: ETmodules !important;
		font-size: 26px;
	}
}





/* Michael edits */

body {
  font-family: "myriad-pro",sans-serif !important;
  }

h1 {line-height: 1.2em;}
.blackflower h1
{
font-family: 'BlackFlower',sans-serif;
font-weight:300;
font-size: 45pt;
line-height: 1em !important;
}

h4 {  color: #99c316; }

a:hover { text-decoration: underline;}

.et_pb_contact_main_title {font-weight:bold;}

.menu-item {text-transform: uppercase; font-weight: bold;}
.bottom-nav {text-align: center;}



#footer-widgets {padding: 0 ; margin: 0;}
.footer-widget {padding: 0 ; margin: 20px !important; width=100%;}



.fullwidthbutton {width: 100%;}
.halfwidthbutton {width: 50%;}
.widerbutton {width: 250px;}
.et_pb_button {text-transform:uppercase !important;}
.et_pb_button:hover{text-decoration:none !important;}


/* Press release section */

.pr { padding-left:40px; list-style:none !important; }
.pr li { margin-bottom:0px;margin-bottom:2px; 
}
.pr li:before {    
    font-family: 'FontAwesome';
    font-size: 20px;
    content: '\f1c1';
    margin:0 10px 0 -20px;
}
.mydate
{
color:#aaa;
font-size:12px;}
.pr a {margin-left:8px;}

/* END Press release section */





.et_pb_blog_grid .hentry  {-webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.14);
-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.1);}

.entry-featured-image-url {margin:15px;}
.et_pb_post p {color: #131c4e !important;}




#respond {
display: none!important;
}


.et_pb_inner_shadow {
.-webkit-box-shadow: inset 0 0 27px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 0 27px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 27px rgba(0, 0, 0, 0.20);
}


.post-meta {display:none;}


.et_pb_toggle_close {
     background-color: #ffffff;
}
.et_pb_toggle_title {
    color: #99c316 !important;
}
.et_pb_toggle
 {-webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.14);
-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.1);}

.grey {background-color: #f0f0f0!important;}
.grey {
    background: linear-gradient(to top,#ffffff 0%,#ffffff 70%,#f1f1f1 100%);}

.biggerblurb h4 { color: #131c4e; font-size:20px;}

.et_pb_main_blurb_image img {
max-height: 100%;
}


.up img {margin-top: -30% !important;}
.wp-image-1755, .wp-image-1756 {margin:10px;}

.brand-logo { height: 10px;}

.et_pb_post h2 {
    margin-top: 0px !important;
}

.euri {margin-right:50px !important;}
@media all and (max-width: 767px) {
.euri {margin-right: 20px!important;margin-bottom:20px;}
}

.img-container {
vertical-align:bottom:
  min-height: 360px;
  background-repeat: no-repeat;
 background-size: 1920px 360px; 
  background-position: center top;
margin:0 auto;
}


.img-container2 {
  min-height: 160px;
max-width:1920px;
height:360px;
  background-repeat: no-repeat;
background-position: center bottom;
background-size: contain;
  /*padding: 40px; (If don't want to set min-height or some image content is there) */
     /* background-image: url(https://eurailgroup.org/wp-content/uploads/sites/2/2017/07/Eurailcom-Brush_Slider-01.svg); */
     background-image: url(https://eurailgroup.org/wp-content/uploads/sites/2/2017/10/eurail_slider_stroke_small.png);
	
margin:0 auto;

}




@media all and (max-width: 767px) {
.img-container2 {
  min-height: 160px;
max-width:1920px;
height:360px;
  background-repeat: no-repeat;
background-position: center bottom;
background-size: contain;
background-image: url(https://eurailgroup.org/wp-content/uploads/sites/2/2017/09/brush_mobile.svg);
margin:0 auto;
}
}

@media only screen and ( min-width: 450px ) and ( max-width: 980px ) {
    /* your css goes here */
.img-container2 {
  min-height: 160px;
max-width:1920px;
height:360px;
  background-repeat: no-repeat;
background-position: center bottom;
background-size: contain;
background-image: url(https://eurailgroup.org/wp-content/uploads/sites/2/2017/10/brush_tablet.png);
margin:0 auto;
}
}




#main-footer {margin-top:40px !important;}



.leftbox {    background-color: rgba(255,255,255,0.85);
    padding-top: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    padding-left: 30px;}



.et_pb_text ul {
  margin-top: 5px !important;
margin-left:10px !important;
margin-bottom:5px !important;
    list-style-type: square !important;
}

.et_pb_tabs_controls {
	  margin-top: 0px !important;
margin-left:0px !important;
margin-bottom:5px !important;
}


@media all and (max-width: 767px) {

.bottom-nav li {
font-size: 11px;
    padding-right: 10px;
}}

@media all and (max-width: 767px) {
#img-home
{
background-position: -350px 0px;
}}

@media all and (max-width: 767px) {
#img-contact-partner
{
background-position: -1000px 0px;
}}

@media all and (max-width: 767px) {
#img-contact
{
background-position: -600px 0px;
}}

@media all and (max-width: 767px) {
#img-press
{
background-position: -330px 0px;
}}

@media all and (max-width: 767px) {
#img-traveller
{
background-position: -930px 0px;
}}

.terms h3 {margin-top:20px;}


cn-accept-cookie



  #main-header, #main-header.et-fixed-header {
 -webkit-box-shadow: 0px 9px 20px 2px rgba(0,0,0,0.04)!important;
 -moz-box-shadow: 0px 9px 20px 2px rgba(0,0,0,0.04)!important;
 box-shadow: 0px 9px 20px 2px rgba(0,0,0,0.04)!important;
 border-bottom-color: rgb(232,232,232)!important;
 border-bottom-style: solid !important;
 border-bottom-width: 1px !important;

 }
 
 
.thinborder .et-waypoint {border: 1px #dddddd solid;}


@media screen and (min-width: 981px) {
#page-container {
    top: 127px !important;
    padding-top: 127px !important;
}
}

#page-container.dynamic_submenu_width #top-menu .sub-menu {
	width: 240px;
}
#page-container.dynamic_submenu_width #top-menu li .menu-item-has-children > a:first-child:after {
	height: 0;
	left: 210px;
}

#top-menu .sub-menu > li.menu-item-has-children > a:before {
	background-color: #e8e8e8;
	bottom: 0;
	content: '';
	height: 1px;
	left: 10%;
	position: absolute;
	width: 80%;
}
#top-menu .sub-menu > li.menu-item-has-children:last-child > a:before,
#top-menu .sub-menu > li:last-child li:last-child a:after {
	height: 0 !important;
}
#top-menu .sub-menu > li:last-child li a:after {
	height: 1px;
}





hr {
	border:none; background-color:#e0e0e0; height:1px;  margin:0px;
}
.lowmargin {margin-top:0px;margin-bottom:0px;}