/*
 Theme Name:     Bikemap 2017
 Theme URI:      http://blog.bikemap.net/
 Description:    Bikemap 2017 Blog Responsive Theme
 Author:         Tobias Seiler
 Author URI:     http://www.bikemap.net/
 Template:       Divi
 Version:        1.0.0
 */
 
 @import url("../Divi/style.css");

/* = Fonts
===================================================== */

@font-face {
	font-family: 'ProximaNova';
	src: url("fonts/proximanova-reg-webfont.eot");
	src: url("fonts/proximanova-reg-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/proximanova-reg-webfont.woff2") format("woff2"), url("fonts/proximanova-reg-webfont.woff") format("woff"), url("fonts/proximanova-reg-webfont.ttf") format("truetype"), url("fonts/proximanova-reg-webfont.svg#proxima_nova_rgregular") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ProximaNova';
	src: url("fonts/proximanova-regit-webfont.eot");
	src: url("fonts/proximanova-regit-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/proximanova-regit-webfont.woff2") format("woff2"), url("fonts/proximanova-regit-webfont.woff") format("woff"), url("fonts/proximanova-regit-webfont.ttf") format("truetype"), url("fonts/proximanova-regit-webfont.svg#proxima_novaregular_italic") format("svg");
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'ProximaNova';
	src: url("fonts/proximanova-bold-webfont.eot");
	src: url("fonts/proximanova-bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/proximanova-bold-webfont.woff2") format("woff2"), url("fonts/proximanova-bold-webfont.woff") format("woff"), url("fonts/proximanova-bold-webfont.ttf") format("truetype"), url("fonts/proximanova-bold-webfont.svg#proxima_nova_rgbold") format("svg");
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'ProximaNova';
	src: url("fonts/proximanova-boldit-webfont.eot");
	src: url("fonts/proximanova-boldit-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/proximanova-boldit-webfont.woff2") format("woff2"), url("fonts/proximanova-boldit-webfont.woff") format("woff"), url("fonts/proximanova-boldit-webfont.ttf") format("truetype"), url("fonts/proximanova-boldit-webfont.svg#proxima_novabold_italic") format("svg");
	font-weight: bold;
	font-style: italic;
}

body {
	font-family: "ProximaNova", sans;
	color: #1D4159;
	font-size: 17px;
	line-height: 1.7;
}

h1, h2, h3, h4, h5, h6 {
	color: #1D4159;
  	line-height: 1.2em;
}

#main-header{
	background-color: #FFFFFF;
	/*background: linear-gradient(249deg,#2bb8fd,#1381FA);*/
}

#logo{
	max-height: 45% !important;
}

.et_pb_newsletter_form input,
.et_pb_button,
#comment{
	font-family: "ProximaNova", sans!important;
}

#commentform textarea, #commentform input[type="text"] {
	color: #1D4159;
	border: 1px solid #ddd;
	border-radius: 3px;
	background: #f1f1f1;
}

#comment:hover{
	background: #f4f4f4;
}

#comment:focus, #comment:active{
	background: #fdfdfd;
}

.et_pb_button .et_pb_newsletter_button_text,
.et_pb_button{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 18px;
}

.et_pb_widget a, #et_search_icon:hover, #top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a, .bottom-nav li.current-menu-item>a, .comment-reply-link, .entry-summary p.price ins, .et-social-icon a:hover, .et_password_protected_form .et_submit_button, .footer-widget h4, .form-submit .et_pb_button, .mobile_menu_bar:after, .mobile_menu_bar:before, .nav-single a, .posted_in a, .woocommerce #content div.product p.price, .woocommerce #content div.product span.price, .woocommerce #content input.button, .woocommerce #content input.button.alt, .woocommerce #content input.button.alt:hover, .woocommerce #content input.button:hover, .woocommerce #respond input#submit, .woocommerce #respond input#submit.alt, .woocommerce #respond input#submit.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce .star-rating span:before, .woocommerce a.button, .woocommerce a.button.alt, .woocommerce a.button.alt:hover, .woocommerce a.button:hover, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce button.button.alt:hover, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce input.button, .woocommerce input.button.alt, .woocommerce input.button.alt:hover, .woocommerce input.button:hover, .woocommerce-page #content div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page #content input.button, .woocommerce-page #content input.button.alt, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit, .woocommerce-page #respond input#submit.alt, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page .star-rating span:before, .woocommerce-page a.button, .woocommerce-page a.button.alt, .woocommerce-page a.button.alt:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button, .woocommerce-page button.button.alt, .woocommerce-page button.button.alt:hover, .woocommerce-page button.button:hover, .woocommerce-page div.product p.price, .woocommerce-page div.product span.price, .woocommerce-page input.button, .woocommerce-page input.button.alt, .woocommerce-page input.button.alt:hover, .woocommerce-page input.button:hover, .wp-pagenavi a:hover, .wp-pagenavi span.current{
	color: #1381FA;
}

.comment_avatar{
	max-width: 80px;
	max-height: 80px;
}

#ug_submit_button{
	padding: 0.3em 1em; 
	line-height: 1.7em !important; 
	background: transparent; 
	position: relative; 
	border: 2px solid; 
	border-radius: 3px; 
	transition: all 0.2s;
	color: #1381FA;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 18px;
	font-family: "ProximaNova", sans!important;
	line-height: 1.7em !important;
	border-radius: 3px;
	cursor: pointer;
	margin-top: 10px;
}

.ugc-input-wrapper .error{
	color: red;
}

.ugc-notice.success{
	color: green;
	font-weight: bold;
}


.ugc-input-wrapper textarea,
.ugc-input-wrapper input{
	color: #1D4159;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 12px;
	font-family: "ProximaNova", sans!important;
	font-size: 18px;
}

blockquote{
	font-style: italic;
	font-size: 1.3em;
	font-weight: 100;
	color: #888;
}

.supsystic-social-sharing-content {
	margin-bottom: 30px;
}

.signup-wrapper {
	background: #f3f3f3;
	padding: 30px;
}

a.signup-button {
	background: #1381FA;
	width: 100%;
	display: block;
	border-radius: 3px;
	color: white;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	padding: 8px;
}

a.signup-button:hover{
	background: #439DFF;
}

.supsystic-social-sharing-content{
	margin-bottom: 45px;
}

.supsystic-social-sharing.supsystic-social-sharing-content a.social-sharing-button{
	width: 20%;
}

.container:before { 
	background-color:transparent !important;
}

.et_pb_widget_area_right { 
	border-left:0 !important; 
}

.et_pb_widget_area_left { 
	border-right:0 !important; 
}

.headerlink-bikemap > a {
	color: #fff!important;
	font-weight: bold;
	background-color: rgba(255,255,255,.025);
	border: 1px solid #fff;
	border-radius: 3px;
	text-align: center;
	padding: 15px 20px!important;
	margin-top: -15px;
	margin-bottom: 15px;
	text-transform: uppercase;
}

.headerlink-bikemap > a:hover {
	opacity: 1!important;
	background-color: #439DFF;
}

.bikemap-blog-grid .post-content {
	display: none;
}

.bikemap-blog-grid .post-meta {
	white-space: nowrap;
	width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
}

.bikemap-blog-grid .post-meta a,
.et_pb_post .post-meta a {
	color: #1381FA!important;
	text-transform: uppercase;
	font-weight: bold;
}

#top-menu .social-icon i {
	color: #1381FA;
	font-size: 21px;
}

.et_pb_post h1.entry-title {
	font-weight: bold;
	font-size: 32px;
}

h2.entry-title{
	font-weight: bold;
	font-size: 24px;
}

#et_search_icon:hover, .mobile_menu_bar:before, .mobile_menu_bar:after {
	color: #fff!important;
}

.entry-content {
	margin-bottom: 2rem;
}

.post-tags a {
	padding: 3px 10px;
	border-radius: 6px;
	color: #fff;
	background-color: #1381FA;
	background: linear-gradient(249deg,#2bb8fd,#1381FA);
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
}

h4.widgettitle {
	font-weight: bold;
	font-size: 20px;
}

.abh_box {
	margin-top: 3rem;
}

.abh_tabs {
	font-family: "ProximaNova", sans!important;
	color: #1D4159!important;
	font-size: 15px!important;
}

#main-footer {
	background-color: #E6ECF2!important;
	border-top: 1px solid #e2eaef;
	padding: .5rem 0 1.5rem;
	color: rgba(29, 65, 89, .5);
}

#footer-bottom {
	background-color: #E6ECF2!important;
}

#footer-bottom .et-social-icons {
	text-align: center;
	float: none;
	color: #E6ECF2;
	font-size: 20px;
}

#footer-bottom .et-social-icons li {
    display: inline-block;
    margin: 10px;
}

#footer-info {
    float: none;
    padding-bottom: 10px;
    padding-top: 10px;
    color: rgba(29, 65, 89, .5);
    text-align: center;
}

a, 
#footer-info a,
.wpml-ls-statics-footer a {
    color: #1381FA;
}

.wpml-ls-statics-footer a{
	font-weight: bold;
}

.wpml-ls-statics-footer .wpml-ls-current-language>a{
	color: rgba(29, 65, 89, .5);
	font-weight: normal;
}

.et_pb_blog_grid .et_audio_content, .et_pb_blog_grid .et_main_video_container, .et_pb_blog_grid .et_pb_post .et_pb_slider, .et_pb_image_container {
    margin: -19px -19px 10px;
}

.bm-submenu{
	display: none;
	padding: 0;
	background: linear-gradient(90deg, #2bb8fd, #1381FA);
}

@media only screen and (min-width:768px){
	.bm-submenu{
		display: block;
	}
}

ul.bm-menulist{
	display: inline-block;
	position: relative;	
	padding: 0;
	border-left: 1px solid rgba(255,255,255,.3);
}

ul.bm-menulist:last-of-type{
	border-right: 1px solid rgba(255,255,255,.3);
}

ul.bm-menulist > li{
	display: inline-block;
	color: #fff;
	font-weight: bold;
	padding: 10px 18px;
	cursor: pointer;
}

ul.bm-menulist > li:after{
	font-family: FontAwesome;
	content: "\f0d7";
	display: inline-block;
	color: #fff;
	font-weight: bold;
	padding-left: 5px;
}

ul.bm-menulist > li:hover {
	color: #fff;
}

ul.bm-menulist li:hover > ul{
    visibility: visible;
    opacity: 1;
    transform: translate(0, 8px);
}
 
ul.bm-menulist ul, ul.bm-menulist ul li ul {
	top: 32px;
	left: 4px;
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 7px;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    z-index: 99999;
    width: 220px;
    background: #fcfcfc;
    border: 1px solid #cbd5dc;
    box-shadow: 0px 3px 3px rgba(64, 66, 68, .5);
    -webkit-transition:transform 0.2s ease-out, opacity 0.2s ease-out, visibility 0.2s ease-out;
    -moz-transition:transform 0.2s ease-out, opacity 0.2s ease-out, visibility 0.2s ease-out;
    -o-transition:transform 0.2s ease-out, opacity 0.2s ease-out, visibility 0.2s ease-out;
    transition:transform 0.2s ease-out, opacity 0.2s ease-out, visibility 0.2s ease-out;
}
 
 
ul.bm-menulist ul li {
    clear: both;
    width: 100%;
    border: 0 none;

}
 
ul.bm-menulist ul li a {
    background: none;
    padding: 7px 15px;
    color: #1381FA;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    border: 0 none;
    float: left;
    clear: both;
    width: 100%;
}

ul.bm-menulist ul li a:hover{
	background-color: #f2f2f2;
}

a.read-more{
	font-weight: bold;
}

.blog-title h1{
	font-weight: bold;
	margin-bottom: 30px;
}

#et_mobile_nav_menu .mobile_menu_bar_toggle{
	visibility: hidden;
}

a.sidebar-app-link{
	padding: 8px;
	letter-spacing: 0.05em;
	line-height: 1.35;
	border-radius: 3px;
	color: #fff;
	background-color: #1381FA;
	background: linear-gradient(249deg,#2bb8fd,#1381FA);
	display: inline-block;
	font-size: 16px;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	margin-top: -20px;
}

a.btn-navigate,
div.btn-navigate-disabled {
	display: block;
	padding: 8px 10px;
	letter-spacing: 0.05em;
	line-height: 1.7;
	border-radius: 3px;
	color: #fff;
	background-color: #1381FA;
	background: linear-gradient(249deg,#2bb8fd,#1381FA);
	font-size: 14px;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	margin-top: 15px;
}

div.btn-navigate-disabled{
	background-color: #ccc;
	background: #ccc;
	cursor: not-allowed;
}

#left-area ul.breadcrumbs {
	border: none;
	list-style: none;
	margin: 0;
	padding: 15px 0;
}

#left-area .breadcrumbs-item {
	display: inline;
	color: rgba(29, 65, 89, 0.5);
	font-size: 15px;
    text-transform: uppercase;
	padding-right: 6px;
}

#left-area .breadcrumbs-item a{
	font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
}

.events-list .event-listing{
	overflow: auto;
}

.events-list .entry-title{
	font-size: 24px;
	padding-bottom: 6px;
	margin-top: 3px;
}

.events-list .post-meta{
	font-size: 14px!important;
	color: #1D4159;
	padding-bottom: 0!important;
}

.events-list .et_pb_post{
	border-top: 1px solid #eee;
	padding-top: 30px;
	font-size: 14px;
	color: rgba(29, 65, 89, 0.5);
}

.events-list a img{
	padding-bottom: 30px;
}
/*Left Featured Image Thumbnails for Events*/
@media only screen and ( min-width: 800px ) {
	.events-list a img  {
	    float: left;
	    width: 40%;
	    padding-right: 20px;
	    vertical-align: bottom;
	}
}

.abh_tabs li{
	font-family: "ProximaNova", sans!important;
	color: #1381FA!important;
	font-weight: bold!important;
}

#lang_sel {height:32px; position:relative; z-index:999; float: right; margin-right: 10px; margin-top:10px;}

#lang_sel ul, #lang_sel li {padding:0 !important; margin:0 !important; list-style-type:none !important;}

#lang_sel li:before{content:'' !important;}

#lang_sel ul ul {width:149px;}

#lang_sel li {float:left;width:149px;position:relative;}

#lang_sel a, #lang_sel a:link, #lang_sel a:visited {
	display:block;
	font-size:12px;
	text-decoration:none !important;
	color:#fff;
	border:1px solid #000;
	line-height:18px;
	border-top: 1px solid #e1e1e1;
	border-right: 1px solid #c8c8c8;
	border-bottom: 1px solid #bfbfbf;
	border-left: 1px solid #e1e1e1;
	padding: 5px 10px;
	border-radius: 5px; /* future proofing */
	}

#lang_sel ul ul {visibility:hidden;position:absolute;height:0;top:25px;left:0; width:149px;border-top:0;}

#lang_sel table {position:absolute; top:0; left:0; border-collapse:collapse;}

#lang_sel ul ul a, #lang_sel ul ul a:link, #lang_sel ul ul a:visited {
	background:#eee;
	border-width:0 1px 1px 1px;
	border-radius: 0; /* future proofing */
}

#lang_sel a:hover, #lang_sel ul ul a:hover{color:#000; background:#ccc;}

#lang_sel :hover > a, #lang_sel ul ul :hover > a {color:#000; background:#ccc;}

#lang_sel a.lang_sel_sel{
    color: #bfbfbf;
}

#lang_sel a.lang_sel_sel:hover{
    text-decoration: none;
}

#lang_sel ul li:hover ul,

#lang_sel ul a:hover ul{visibility:visible; }

#lang_sel ul li img {
	position: relative;
	margin: 0;
	padding: 0;
	margin-right: -6px;
	border: 1px solid #bfbfbf;
	top: 2px;
}

#lang_sel ul li ul li img {
	margin-right: -2px;
}

.cta-box-1, .cta-box-2{
	height: 240px;
	box-shadow: 0px 1px 15px rgba(64, 66, 68, .6);
	border-radius: 5px;
}

.cta-box-1, .cta-box-2{
	display: flex;
    flex-flow: column;
    justify-content: center;
	padding: 10px!important;
	
}

.cta-box-1 .et_pb_module_header, .cta-box-2 .et_pb_module_header{
	font-weight: bold;
}

.cta-box-1{
	background-image: linear-gradient(249deg,#2bb8fd,#1381FA);
	border: 1px solid transparent;
}


.cta-box-2{
	background: #879EAD;
	border: 1px solid #C7D0D6;
}

.et_pb_fullwidth_header h1{
	font-size: 60px;
	font-weight: bold;
}

/* Print Style Sheet */
@media print {
body { background:white; color:black; margin:0; }
#header { }
#content { }
#comments { }
#sidebar { }
#footer { }
	.et_pb_row{
		width: 100%;
		max-width: 100%;
	}
	.et_pb_image_wrap{
		text-align: center;
	}
	.et_pb_module{
		padding-right: 0px!important;
    	padding-left: 0px!important;
    	margin-right: 0px!important;
    	margin-left: 0px!important;
	}
	.wpml-ls{
		display:none;
	}
}