/*
 Theme Name:     By og Land 2.0
 Theme URI:      http://www.byogland.dk
 Description:    Divi Child Theme
 Author:         A
 Author URI:     http://www.andreaskjaergaard.com
 Template:       Divi
*/
 
@import url("../Divi/style.css");

 
/* =Theme customization starts here
------------------------------------------------------- */



/* --- VERSION 2.0 --- */


/* Problem: Inline: Padding-left: 270px rykker menuens venstreside langt ud på siden */
.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {
    padding-left: 0px!important;}


/* Problem: Logo for småt */
#logo {
	max-height: 65px!important;
} /* Dette for at skalere et dobbeltstørrelse billede rigtigt. Nok ikke den optimale metode. */


/* Problem: Menu ligger for langt nede på alle sider */
.et_header_style_left #et-top-navigation,
.et_header_style_split #et-top-navigation {
	padding-top: 16px;
}

/* Problem: Logo placeret forkert fra 980px og ned */
/* Problem: Logo for småt fra 980px og ned */
@media (max-width: 980px) {
.et_header_style_left #logo, .et_header_style_split #logo {
	max-width: 100%!important}}

/* Problem: Efter al sandsynlighed en masse overflødig eller direkte negativ styling i version 1.0. Burde gennemgåes grundigt. */


/* Problem: En række sider (f.eks. Regnskab) har venstremenu og content for langt nede (mens f.eks. Om landsforeningen er rigtigt placeret). Problemet synes at være på alle sider der bruger "Særlig sektion"-elementet og kunne løses med det nedenstående (først venstremenuen, så content) - men der må være en bedre måde. */
@media (min-width: 981px) {
.et_pb_column_single {
    padding: 0 0 2.855% 0;}
.et_pb_column_3_4 .et_pb_row_inner {
    padding: 0 0 3.735% 0;}
} 


/* Fjerner grå linie mellem sidebar og content */
#main-content .container:before {
width: 0;
}

.post-content .et_pb_row, .et_pb_post .et_pb_row {
    width: 100%;
}

/* --- VERSION 1.0 --- */



html {
       overflow-y: scroll;
} /* Force scroll bar all pages */


/* FONT STYLING */

/* forsøg på at eliminere og rydde ud 
body {
	font-size: 15px!important;
	color: #000!important;
}

p {
	line-height: 25px!important;
	padding-bottom: 24px;
}

h1, h2 {
	font-size: 24px!important;
	font-weight: 600!important;
	line-height: 24px;
	padding-bottom: 14px;
	text-transform:uppercase;
}*/

h1, h2 {text-transform:uppercase;
	font-size: 26px!important;
}

h3 {
	color:#fff!important;
}/* Andreas: Dette overskrift til forms */


h5 {
	font-size: 15px!important;
	font-weight: 600!important;
	line-height: 24px;
	margin-bottom: 0;
	padding-bottom: 0;
}

.main_title {
	display: none;
}

.anchor{
    display: block;
    position: relative;
    top: -30px;
    visibility: hidden;
} /* Offsetter anchor tags så de kommer under menuen. Revideret for at undgå problemer med blokering. */


/* HEADER STYLING */

#main-header {
	border-bottom: 1px solid #ffffff!important;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	padding-top: 0px!important;
}

.logo-container {
	float: right;
	height: 65px!important;
	margin: 0;
	padding: 0;
}

.et_fixed_nav #logo {
	max-height: 65px;
	margin-bottom: 0;
}


#top-menu {
	padding-top: 13px; 
	width: 100%!important;
}

#top-menu-nav {
	width: 100%!important;
}

#et-top-navigation {
float: left!important;
width: 100%!important;
}

ul#top-menu > li {
	text-transform: uppercase!important;
	font-size: 13px!important; 
	font-weight: 600;
	float: left!important;
} 

#top-menu li > a {
padding-bottom: 22px;
} /* Mindre afstand mellem menu og content. */

ul#top-menu > li a {
	float: left!important;
}

ul#top-menu > li a:hover,
#top-menu li.current-menu-item > a:hover{
	color: #C7481A!important;
}

ul#top-menu > li:last-child {
	padding-right: 0!important;
	float: right!important;
}

ul#top-menu > li:last-child a {
	float: none!important;
	color: #C7481A!important;
}

#top-menu li.current-menu-item > a {
	font-weight: 600!important;
}

#nav_menu-3 a, #nav_menu-4 a, #nav_menu-5 a, #nav_menu-6 a, #nav_menu-7 a, #nav_menu-8 a, #nav_menu-10 a, #nav_menu-11 a, #nav_menu-13 a,#nav_menu-17 a, #nav_menu-18 a,#nav_menu-19 a {
	color: #C7481A!important;
	text-transform: uppercase!important;
	font-size: 13px!important;
	font-weight: 600!important;
} /* Indsat enkelte id's. Er dette virkelig den smarteste måde at gøre det? Næppe. */

.et_pb_widget_area_left {
border-right: 1px transparent!important;
padding-bottom: 10px!important;
} /* Indsat 10px padding-bottom pga indsatte decoys for spalter. Ingen synlig effekt. */

.et_pb_widget {
margin: 0 90px 0 0;
} /* Indsat 0px margin i bund pga indsatte Decoys for spalter. Ingen synlig effekt. */

.et_pb_widget ul li {
margin-bottom: 0px!important;
} /* Indsat for at mindske afstand mellem menupunkter */


/* FOOTER STYLING */


#main-footer {
	background-color: #fff!important;
	text-align: center;
	margin: 0px 0px 20px 0px;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 11px; 
	letter-spacing: 2px;
}

#main-footer .et_pb_row {
	border-top: 1px solid #000;
	padding: 10px 0 0 0;
}


/* SPACING AND PLACEMENT */



.et_pb_section {
	padding: 0px 0px 20px 0px!important;
} 

.et_pb_row{
	padding: 10px 0 20px 0!important;
} /* Tilføjet for at få mindre luft mellem hovedmenu og content samt passende afstand mellem rows, specifikt lokalforeninger. Påvirker alle rows. Nok ikke ideelt. */

.mc-narrow {
	margin: 0;
	padding: 30px 0;
}

.mc-narrow .et_pb_row{
	padding: 0;
}

.mc-right {
	float: right;
}


/* SIDE STYLING */


#top-menu li.current-page-ancestor > a,
#top-menu li.current-menu-item > a,
#top-menu li.current-page-item > a,
.child-menu li.current_page_item > a {
	color: #C7481A!important;
}

ul.child-menu {
	list-style-type: none;
	padding: 0;
}

ul.child-menu a {
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1px;
}

.widget_nav_menu {
	margin-right:0px!important;
} /* Andreas: Indsat for at få mere plads til sekundær menu */


/* LAYOUT */


.entry-content table {
border: none;
} /* Fjerner ramme på tables */

.entry-content tr td {
border-top: 1px solid #eee;
padding: 6px 0px;
} /* Fjerner horisontal padding på tables */

.container {
	padding-top: 10px!important;
} /* Andreas: For at undgå at indlæg ligger længere nede end content på pages. Ikke ordentlig gennemtænkt - måske med uheldige konsekvenser. Også for at gøre header lavere. */

.less_spacing_bottom {
	margin-bottom:0px;
} /* Til deloverskrifter og ligende i eget modul - mindre afstand i bunden end standard */

.et_right_sidebar #left-area {
	float: right;
	margin-right: 0;
	margin-left: 60px;
}

.et_right_sidebar #main-content .container:before {
	left: 230px;
}

.et_pb_post {
	overflow: hidden;
} /* Tidligere overflow:auto "for at posts med (floatende) billeder højere end tekst wrapper om begge dele". Nu rettet til hidden for at forhindre scroll bars på posts (som Nanna ser). Tilsyneladende ikke noget problem med wrapping for højere billeder med hidden, så måske var det en fejl, måske er noget andet ændret, idk. */

.et_pb_post h2 {
margin-top: 0px;
} /* Andreas: For at få posts op i samme højde som pages på debat. Hvad er ideen med 30px, som oprindeligt? */

.et_pb_blog_grid .et_pb_post {
	border: 1px solid transparent!important;
	text-align: center!important;
	margin-bottom: 0;
}

.et_pb_blog_grid .et_pb_post h2 a{
	padding: 10px 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.mc-right img {
	float: right!important;
}

#gallery-1 img {
border:none!important;
} /* Fjerner ramme om pressegalleriets thumbs */


/* GOOGLE CALENDAR */


#calendarTitle {
	padding-left: 0px;
}


/* GRAVITY FORMS */


.byogland_form {
	background: #c7481a!important;
	padding: 20px!important;
	margin-right: 0px!important;
}

.byogland_form_wrapper {
	margin:15px 0px!important;
}

.ginput_product_price_label, .gform_wrapper span.ginput_product_price, .gform_wrapper span.ginput_quantity_label, .gform_wrapper span.ginput_total{
	color:#fff!important;
	font-size:inherit!important;
}

.gform_wrapper span.ginput_total{
	font-weight:700;
}

.gfield_label {
	color:#fff!important;
	font-weight: 500!important;
}/* Andreas: Dette labels til form fields */

.gfield_html, p.gfield_html, gform_body, gform_fields top_label description_below, gfield_radio, .gfield_description,  .gform_wrapper .ginput_complex label {
	color:#fff!important;
}/* Andreas: Dette labels til form fields */

.gform_wrapper input {
	font-size:15px!important;
}/* Andreas: Tekststørrelse i input fields */

.gform_confirmation_message {
	color:#fff!important;
	margin-top:30px;
	margin-bottom:30px;
}

.gform_wrapper {
	max-width: 100%!important;
} /* Andreas: Fuld bredde på forms, tak */

body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label .gfield_required, .gfield_radio {color:white}
/* Andreas: Hvide * for krævede felter */

body .gform_wrapper .gform_body .gform_fields .gfield select {font-size:15px;}
/* Andreas: Tekststørrelse i drop down */

body .gform_wrapper .gform_footer input[type=submit] {border:2px solid white; background-color: #c7481a; color: white; font-weight: 700; padding: 12px 60px;}
/* Styling af knapper */

.ginput_container {color: white;}
/* Styling af tekst til file-upload-knap */

.gfield_label {
margin: 20px 0 4px 0;
} /* Mere plads over label */

#left-area ul {
	padding: 0 0 23px 0px;
} /* Lige venstremargin */

.gfield_checkbox {
	color: #fff!important;
} /* Hvid tekst i valgmulighedsforms */

.form_bliv_medlem_drop_down {
	padding-top:10px;
	padding-bottom:14px;
} /* Custom-afstand på drop-down i bliv medlems-formularen */

.gform_confirmation_message {
	margin-top:0px!important;
	margin-bottom:0px!important;
} /* Mindre margen på confirmation */

h3.gform_title {
	font-weight: 700!important;
} /* Bold på overskrifter i confirmation */


.gform_wrapper textarea {
	font-size:15px!important;
} /* 15px tekst i tekst-input */


/* PAYPAL */

.qpp-style img {
width: 40%;
height: auto;
overflow: hidden;
}

.et_pb_bg_layout_light .et_pb_post .qpp-style.Gaver p {
color: #ffffff;
margin-bottom: 12px;
} /* Hvid tekst på gave-formular. Burde defineres bredere (alle Paypal-forms) */


/* ROYAL SLIDER */

.abWhiteBox {
	color: #000;
	background: #FFF;
	background: rgba(255, 255, 255, 0.90)!important;
	padding-top:20px!important;
	padding-bottom:10px!important;
	padding-right:30px!important;
	padding-left:25px!important;
}


@media only screen 
and (min-width : 981px) {
.rsOverflow {margin-bottom: 20px;}
} /* Større margin under slideshow indtil collapse, hvorfra alt er ok */


/* RESPONSIVE ADJUSTMENTS */

@media only screen 
and (min-width : 1240px) 
and (max-width : 1320px) {

ul#top-menu > li {
	padding-right: 26px;
}

ul#top-menu > li a{
	font-size: 12px!important;
}

ul#top-menu li:last-child a {
	padding-left: 4px!important;
}

}


@media only screen 
and (min-width : 1160px) 
and (max-width : 1240px) {

ul#top-menu > li {
	padding-right: 22px;
}

ul#top-menu > li a{
	font-size: 11px!important;
}

ul#top-menu li:last-child a {
	padding-left: 4px!important;
}

}


@media only screen 
and (min-width : 320px) 
and (max-width : 1160px) {



.abWhiteBox h2 {
	font-size: 16px!important;
	font-weight: 600!important;
	line-height: 16px;
} /* Tekst i Royal Sliders whitebox mindre */

ul#top-menu > li {
	padding-right: 14px;
}

ul#top-menu > li a{
	font-size: 10px!important;
}

ul#top-menu li:last-child a {
	padding-left: 4px!important;
}

}

@media screen and (max-width: 768px) {
	.full_width,
	.one_half,
	.one_third,
	.two_third,
	.one_fourth,
	.three_fourth,
	.one_fifth,
	.two_fifth,
	.three_fifth,
	.four_fifth,
	.one_sixth {
		clear: both!important;
		width: 100%!important;
		margin-left: 0!important;
		margin-right: 0!important;
		margin-bottom: 1em!important;
	}
	
	.mc-mobile-hide {
		display: none!important;
	}
	
@media only screen and (max-width: 650px) {

	.abWhiteBox {
	display:none;
	} /* Slidehow-boks forsvinder helt i mobile */

}

@media only screen and (min-width: 200px) and (max-width: 768px) {
	
	  .gform_wrapper .gform_body .top_label li.gfield.gf_right_half { 
	    float: left; 
	    clear: left !important;
	    width: 99%;
	  } 
	
	  .gform_wrapper .gform_body .top_label li.gfield.gf_left_half { 
	    float: left; 
	    clear: left !important;
	    width: 99%;
	  }
	  
	  .gform_wrapper .gform_body .top_label li.gfield.gf_left_third { 
	    float: left; 
	    clear: left !important;
	    width: 99%;
	    margin-left:0!important;
	  }
	  
	  .gform_wrapper .gform_body .top_label li.gfield.gf_middle_third { 
	    float: left; 
	    clear: left !important;
	    width: 99%;
	    margin-left:0!important;
	  }
	  
	  .gform_wrapper .gform_body .top_label li.gfield.gf_right_third { 
	    float: left; 
	    clear: left !important;
	    width: 99%;
	    margin-left:0!important;
	  }
	  
	  .gform_wrapper .top_label li.gfield.gfield_error.gf_left_half,
	  .gform_wrapper .top_label li.gfield.gfield_error.gf_right_half {
	  float: left!important; 
	  clear: left !important;
	  width: 99%!important;
	  }

	}}