/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */
/** BBA Overwrite Tribe unnumbered list size */
#tribe-events-pg-template .tribe-events-content ul li {
	line-height: 1.5 !important;
    margin: 0 0 0 /* !important */;
}

.text-indent-bullets li { /*JT Used for pages to give more room between bullet list. Put it on the Divi text element or row as CSS class */
  line-height: 1.1;
  margin: 0 0 20px;  
}

ul {
    padding-left: 30px;
}
/**
 * Green check-mark CSS experiment for Leading SAFe Oslo page
 **/
#tribe-events-pg-template .tribe-events-content ul.custom-list, 
.et_pb_text_inner ul.custom-list {
    list-style: none /* !important */;
    padding-left: 0;
}
#tribe-events-pg-template .tribe-events-content ul.custom-list li, .et_pb_text_inner ul.custom-list li  {
    position: relative;
    padding-left: 45px;
	margin: 0 0 20px;
}
.custom-list li:before {
    content: '';
    width: 30px;
    height: 30px;
    position: absolute;
    background-image: url('/wp-content/uploads/2019/09/checkmark-green.png');
    background-size: cover;
    background-position: center;
    left: 0;
    top: 46%;
    transform: translateY(-50%);
}

/* === Begin: Set the divi slider height === */
/* Src: https://divibooster.com/changing-the-height-of-the-divi-slider/ */

.myslider .et_pb_slide .et_pb_container {
	height: auto !important;
	min-height: 300px !important;
}
li.active-result {
    margin: 0 !important;
}
/* Handle padding */
.myslider .et_pb_slide {
	padding-bottom: 0px !important;
}
.myslider div.et_pb_slide_description, 
.myslider .et_pb_slider_fullwidth_off div.et_pb_slide_description {
	padding-top: 1%;
	padding-bottom: 1%;
}
.ecs-excerpt {
    height: 215px;
}
.ecs-date {
    height: 50px;
}

h2.ecs-event-title {
    height: 106px;
}

.ecs-event {
    padding-top: 30px 
}.ecs-thumbnail img {
    height: 220px;
    object-fit: cover;
}
/* === End: Set divi slider height === */

/* Desktop */
section.services_panel1 .et_pb_row {
    width: 100%;
}
.services_panel1 {
    padding-bottom: 36px;
    border-bottom: 1px solid rgba(32,23,19,.15);
}
.services_panel2, .services_panel3, .services_panel4,.services_panel5 {
    padding: 65px 0 0;
}.services_panel2 h3 ,.services_panel3 h3,.services_panel4 h3{
    font-weight: 800;    margin: 0 0 14px;
    font-size: 16px;
    letter-spacing: 2.5px;
    color: rgba(255,139,56,.7);
}
section.services_panel4 {
    padding-bottom: 66px;
    border-bottom: 1px solid rgba(32,23,19,.15);
}
a.et-cart-info {
    display: none;
}
.et_header_style_split .centered-inline-logo-wrap {
    height: 94px;
}
section.services_panel1 h1 {
    font-size: 45px ;    margin: 1.5em auto .3em;
    font-weight: 300;
    color: rgba(32,23,19,.4);
}
.contact-detail.service_cd {
    padding-left: 40px;
    position: relative;
    float: left;
    padding-top: 12px;
}
section.services_panel5 a {
    color: #ff8b38;
}
p.contact-text {
    padding-top: 20px;
}
.myslider .et_pb_slide .et_pb_container {
	height: auto !important;
	min-height: 300px !important;
}
.et_pb_column_1_3.team {
    width: 33.3333%;
    display: inline-block;
    margin: 0 auto;
    padding: 12px;
    float: left;
    min-height: 880px;
} 
.team h3, .team span, .team team-content, .team img, .team .contact-detail {
    padding: 17px 0;
}
.mobile span, .mobile a {
    display: inline-block;
    width: auto !important;
    float: left;
    padding: 0;
}
.mobile span {
    font-weight: bold;
}
.team .contact-detail {
    position: absolute;
    bottom: 0;
}.contact-detail a {
 float: left;
    width: 100%;
    color: #ff8b38;
    text-decoration: none;
    font-weight: bold;

}
.team h3 {
    color: rgba(255,139,56,.7);    font-weight: bold;
}
.team_member .et_pb_row {
    width: 100%;
}
.page-id-366 #page-container {
    padding-top: 0 !important;
}
section.services_panel6 br {
    display: none;
}
input.wpcf7-form-control.wpcf7-submit {
    color: #fff;
    background-color: #38c735;
    border-color: #38c735;
    box-shadow: none;
    border: none;
    padding: 18px 45px;
    border-radius: 37px;
    font-family: Raleway;
    font-size: 18px;
    font-style: normal;
    text-transform: none;
    letter-spacing: 2px;
    font-weight: bold;
}
section.services_panel6 .et_pb_row {
    width: 100%;
}
.one_halfwidth label {
    width: 49% !important;
    display: inline-block;
    margin: 0 1px;
}
.fullwidth, .one_halfwidth {
    padding-top: 12px;
}
.one_halfwidth input, .fullwidth input,.fullwidth textarea{
    width: 100%;
    padding: 12px;
    margin: 6px 0 4px;
    border: 1px solid #ccc;
    background: #fafafa;
    color: #000;
    font-family: sans-serif;
    font-size: 12px;
    line-height: normal;
    box-sizing: border-box;
    border-radius: 2px;
}
.single-tribe_events td.tickets_price {
    font-size: 14px !important;
    padding: 8px 0 !important;
}.single-tribe_events td.tickets_name {
    width: 132px;
}
/* Tablet */


@media only screen and (min-width: 768px) and (max-width: 980px) {
	.page-id-366 #page-container {
    padding-top: 80px !important;
}
	.mobile span, .mobile a {
    float: none;
}
	.team .contact-detail {
    position: relative;
}
	.myslider .et_pb_slide .et_pb_container {
		height: auto !important;
		min-height: 300px !important;
	}
	.et_pb_column_1_3.team {
    min-height: auto;
    text-align: center;
}
}
/* Phone */
@media only screen and (max-width: 767px) {
	body .et_pb_blog_0 article p {
    min-height: auto!important;
}body .et_pb_blog_0 .et_pb_blog_grid h2 {
    height: auto!important;
}
	#main-content .ecs-event {
    width: 97% !important;
}
	#main-content h2.ecs-event-title ,	#main-content .summary .ecs-excerpt,	#main-content .ecs-date{
    height: auto !important;
}
#main-content .ecs-thumbnail img {
    height: auto;
    object-fit: unset;
}
	.page-id-366 #page-container {
    padding-top: 80px !important;
}
		.mobile span, .mobile a {
    float: none;
}
	.team .contact-detail {
    position: relative;
}
		.et_pb_column_1_3.team {
    min-height: auto;
    text-align: center;
}
}
@media only screen and (max-width: 960px) {
	.single-tribe_events td.tickets_name {
    width: auto;
}
.ecs-events.ecs-grid.ecs-grid-1 .ecs-event, .ecs-events.ecs-grid.ecs-grid-1 .ecs-grid-sizer {
    width: 47% !important;   
}
.summary .ecs-excerpt{
	 height: 240px !important;
}
}
@media only screen and (max-width: 1024px) {
	.ecs-excerpt {
    height: 300px !important;
}
}

@media only screen and (max-width: 1200px) {
/* 	.et_pb_blog_0 article p {
    min-height: 320px!important; 
} JT: Disabled to fix blog post in browser*/
	h2.ecs-event-title {
    font-size: 22px;
}
/* 
.et_pb_blog_0 .et_pb_blog_grid h2 {
    height: 82px!important;
} JT: Disabled to give blog post header less space. See blog_grid below */
.ecs-excerpt {
    height: 260px;
}


}


/* CTA BUTTON for tickets (that cannot use Divi modules). */
button.et_pb_button.et_pb_custom_button_icon.et_pb_more_button.et_pb_button_one.cta {
    color: #ffffff!important;
    background: #59c64d;
    border-color: #59c64d;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 700!important;
    text-transform: uppercase!important;
    background-color: #59c64d!important;
}
button.et_pb_button.et_pb_custom_button_icon.et_pb_more_button.et_pb_button_one.cta:hover {
/*
	border-radius: 0px;
    letter-spacing: 0px;
    padding-left: 0.7em;
    padding-right: 2em;*/
}
button.et_pb_button.et_pb_custom_button_icon.et_pb_more_button.et_pb_button_one.cta:hover:after{
/*
	content: attr(data-icon);
    margin-left: 0;
    opacity: 1;
    top: 10px;
    right: 6px;
    border: 1px solid;
    border-radius: 21px;
    font-size: 12px;*/
}.et_pb_button.cta:after, .et_pb_button.cta:before{

    -webkit-transition: none !important;
    -moz-transition: none !important;
  
}


/*dropdown*/

.quantity:before, .quantity:after {
    position: absolute;
    cursor: default;
    z-index: 222222;
    background-color: #ffffff;
    width: 15.5px;
    text-align: center;
    margin: 0px;
    pointer-events: none;
    right: 0;
    display: inline-block;
    line-height: 14px;
    height: 15px;
    font-weight: bold;
}
.quantity {
    position: relative;
}
.quantity:before {
     content: "+";
    left: 61px;
    top: 7.5px;
    border-radius: 25px 25px 0px 0px;
    border: 2px solid #eee;
    border-bottom-color: transparent;
}
.quantity:after {
    content: "-";
    left: 61px;
    top: 24.5px;
    border-radius: 0 0 25px 25px;
    border: 2px solid #eee;
    border-top-color: transparent;
}
.woocommerce-cart .quantity .qty {
    width: 4.375em;
    margin-bottom: 5px;
    padding: 5px 10px;
    text-align: left;
}
/* Proceed Button for cart page - green */
.woocommerce-page.et_pb_button_helper_class a.button {
	background-color: rgb(89, 198, 77);
    color: rgb(255, 255, 255) !important;
	border-color: rgb(89, 198, 77);
}
/* Apply coupon button on cart page - green */
.woocommerce-page.et_pb_button_helper_class button.button {
	background-color: rgb(255, 255, 255);
    color: rgb(89, 198, 77) !important;
	border-color: rgb(89, 198, 77);	
}
/* Apply coupon message on cart page - green */
.woocommerce .woocommerce-message {
	background-color: rgb(89, 198, 77);	
}
/* Apply message on checkout page - green */
.woocommerce .woocommerce-info {
	background-color: rgb(89, 198, 77);	
}
.entry-title h2 {
    font-size: 18px;	
}
/**BBA increase the line-height to make the text look better. Some Tribe and Divi styles are 1.1 em which seems to packed. */
#tribe-events .tribe-events-content p {
	line-height: 1.5em !important;
}
.et_pb_text_1 p {
	line-height: 1.5em !important;	
}
.et_pb_text_0 p {
	line-height: 1.5em !important;	
}
/* Avoid that currency is not shown in the display of ticket price in events */
.tribe-common .tribe-tickets__item, .entry .entry-content .tribe-common .tribe-tickets__item {
	-ms-grid-columns:  3.5fr 2fr;
	grid-template-columns: 3.5fr 2fr;
	-ms-grid-rows: 1fr 1.5fr 1fr
}
.tribe-common .tribe-tickets__item__extra, .entry .entry-content .tribe-common .tribe-tickets__item__extra {
			align-self: center;
}
/** BBA hide the "# avalible " on course tickets - it is though still in the HTML */
.tribe-tickets__item__extra__available {
	display: none;
}
.tribe-tickets__item__quantity__number {
	margin-left: -6px!important;	
}
.tribe-tickets__item__quantity__remove {
	font-size: large;
	border: none;
	line-height: 2em; /*Increase clickable area */
    color: black!important;
	width: 16px!important;
  	margin-left: 4px!important;
}
.tribe-tickets__item__quantity__add {
	font-size: large;
	border: none;
	line-height: 2em; /*Increase clickable area */
/*	font-size: large!important;*/
    color: black!important;
	width: 16px!important;
}

/** BBA make the buy button on course tickets green. MANGLER RIGTIGE GRØNNE FARVE */
button.tribe-tickets__buy {
	font-size: large;
	font-weight: bold;
	color: white;
	background-color: green!important;	
}
.tribe-tickets-quantity {
	font-size: x-large;
	font-weight: bold;	
}

input.tribe-ticket-quantity {
    height: 49px;
    border: none!important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff!important;
    background-color: rgba(0,0,0,.2)!important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
    font-size: 20px!important;
    font-weight: 500!important;
}
td.tribe-ticket.quantity:before {
    left: 70px;
    top: 14.5px;
}
td.tribe-ticket.quantity:after {
    left: 70px;
    top: 33.5px;
}
/** RSVP Free events pages with tickets **/

.rsvp_tickets_name { /** Taken from course tickets tribe-common-h7 */
	color: #141827;
    font-family: Helvetica Neue,Helvetica,-apple-system,BlinkMacSystemFont,Roboto,Arial,sans-serif;
    font-weight: 700;
}

.tribe-events-tickets-rsvp { /** To give RSVP ticket box space around text and fields */
    padding: 10px 10px 10px 10px!important;	
}
/** Tweak design of RSVP cafe-møde formular to make it more readable **/
.tribe-tickets-table {
	width: 100%;
}
/** To make input fields bigger so it is easier to fill in data */
.tribe-tickets-full-name-row input {
	font-size: large;
	width: -webkit-fill-available;
}  
.tribe-tickets-email-row input {
	font-size: large;
	width: -webkit-fill-available;
}  

/*** Presentation of blog posts on course pages ***/
.et_pb_blog_0 article p {
    min-height: 270px;
}

/* JT: To avoid empty space in blog post on course pages */
.et_pb_blog_0 article p.post-meta {
	min-height: 1px;
}

.cf-courses .ecs-event .ecs-thumbnail {
    position: relative;
}
.cf-courses .ecs-event .date_thumb {
    width: 57px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    background-color: #eeeeee;
    color: #050505;
    position: absolute;
    bottom: 9px;
    right: 0;
}
.et_pb_blog_0 img {
    height: 220px !important;
    object-fit: cover;
}
.et_pb_blog_grid h2 {
    font-size: 18px;
    height: 60px;
}