/*
Theme Name: Divi Child
Description: Divi Child Theme
Author: Llama Digital
Author URI: http://www.llamadigital.co.uk
Template: Divi
Version: 1.0.0
Text Domain: divi-child
*/

/* @import url("../Divi/style.css"); */

/* Theme customization starts here ————————————————————– */

div#main-content { padding-bottom: 60px; }
#main-content .container { padding-top: 0; margin-top: 58px; }

h1 { color: #BD252B; font-size: 40px !important; }
h2 { color: #BD252B; margin: 30px 0 20px 0; padding: 0 0 10px 0; }
h2.tribe-events-page-title { font-size: 40px; }

h1.main_title { display: none; } /* to remove empty h1 in events */

.et_pb_column h4 { font-size: 1.4em; margin: 0 0 20px; 0; }

sup { font-size: 65%; }

.notopmargin { margin-top: 0 !important; }

/* logo */
 .et_fixed_nav #logo {
max-height: 120px;
}

 .et-fixed-header #logo {
  max-height: 70px !important;
 padding:0 !important;	 
}

#main-header { min-height: 120px !important; } /* normal */
#main-header.et-fixed-header { min-height: 70px !important;  } /* shrunken header */

#main-content .entry-content ul { padding: 10px 10px 20px 20px; }
#main-content .entry-content ul li { padding: 8px 0; }


/* remove padding at top of row */
.et_pb_row {
  padding: 0 0 40px 0;
}

/* Blurb */


div.et_pb_blurb {
  margin-top: 30px;

}

/* indent the blurb panels */
div.et_pb_blurb_container {
background-color: #FFFFFF;
magin: 0;
padding: 10px;
width: 95%;
margin: -20px auto 0 auto;
z-index: 1000;
position: relative;
}

.et_pb_main_blurb_image {
  margin-bottom: 0;
  max-width: 800px;
}
.et_pb_blurb_content {
  max-width: 800px;
}
.et_pb_blurb h4 a {
  color: #BD252B;
}
.et_pb_blurb h4  {
  padding-bottom: 12px;
  margin: 0;
}
.et_pb_blurb_container {
  line-height: 1.4em;
}

/* Call to Action panel */
div.et_pb_promo { margin: 50px 0; margin-bottom: 50px !important; }


/* main menu */
.et_header_style_left #et-top-navigation #top-menu li > a {
  padding-bottom: 33px;
}
#main-header #et-top-navigation {
  padding-top: 00px;

}


#top-menu li {
  padding-right: 30px;
}

.et_header_style_centered #top-menu > li > a {
  padding-bottom: 1em;
  padding-top: 1em;
}

#top-menu .menu-item-has-children > a:first-child, #et-secondary-nav .menu-item-has-children > a:first-child {
  padding-right: 0;
}
#top-menu .menu-item-has-children > a:first-child::after, #et-secondary-nav .menu-item-has-children > a:first-child::after {
  display: none;
}

.et-fixed-header #top-menu li.current-menu-ancestor > a, .et-fixed-header #top-menu li.current-menu-item > a {
  color: #F8F6EE !important;
}

/* dropdown menus */
.nav li ul, #et-secondary-nav li ul { 
padding: 0 0; 
border-top: none; 

}
.nav li li, #et-secondary-nav li li { padding: 0 0; }
#top-menu li ul.sub-menu li a { font-size: 16px; padding: 10px 10px; width: 100%; }
#top-menu li li {
  width: 100%;
  padding: 0;
}
.et-fixed-header #top-menu li li a {
  color: #333333 !important;
}
.et-fixed-header #top-menu li.current-menu-ancestor > a, .et-fixed-header #top-menu li.current-menu-item > a {
  color: #666 !important;
}

/* side column */
.et_pb_widget_area_right { border-left: 0; }


/* full width header */
.et_pb_fullwidth_header { padding: 0; }

#headingsection { padding: 0; margin: 0; background-color: none; }
#headingsection section.et_pb_fullwidth_header { background-color: none; padding: 0 !important; margin: 0 !important; }
#headingsection .header-content { margin: 0 0 !important; padding: 0 0 !important; }
#headingsection h1 { padding: 40px 0 50px 0; }

/* sections */
.et_pb_section { padding: 0; margin: 0; }

/* side column */
#sidebar { line-height: 1.2em; }
h4.widgettitle { padding-bottom: 20px; line-height: 1.2em; }


.et_pb_column_single { padding: 0; }
.et_pb_widget_area_right { border-left: none; }
div.et_pb_column.et_pb_column_1_4.et_pb_column_1.et_pb_column_single { border-left: 1px solid rgba(0, 0, 0, 0.1); }

#sidebar .et_pb_widget { margin-bottom: 50px; }

/* sidebar menu */
.et_pb_widget li.current_page_item { font-weight: bold; }


/* map */
.et_pb_map {margin-bottom: 40px; }

/* image module */
.et_pb_image {  }

/* prices table */
table.pricing tr:nth-child(even) {background: #E8E3D4;}
table.pricing tr:nth-child(odd) {background: #F8F6EE; }
table.pricing { width: inherit; border: none; }
table.pricing tr.titlerow { background: #FFF; }
table.pricing tr.titlerow td { padding-left: 0; font-size: 1.2em; padding: 25px 0; }
table.pricing td, table.pricing th { border: none; }

#main-content div.et_pb_column_3_4 div.et_pb_row_inner {
padding: 0 0 !important;
margin: 0;
}

/* footer bar */
footer#main-footer { margin-top: 40px; color: #666;  }
#main-footer p { color: #666; }
#main-footer a { color: #7B7770; }
#footer-widgets .footer-widget li { margin-left: 0; padding-left: 0; list-style-type: none; border-top: 1px solid #CCC; }
#main-footer li { padding-left: 0; }
#footer-bottom { display: none; }

#footer-widgets .footer-widget li::before { border-style: none;}

#footer-widgets .et_pb_widget { width: 100%; }

#footer-widgets .menu-quick-links-container { margin-top: 10px; }
#footer-widgets .footer-widget li { padding: 5px 0; }

#footer-widgets .caldera-grid p { padding-bottom: 10px; }

/* charity number text */
#charitynumber {
text-align: center;
margin: 0 0;
clear: left;
}
#charitynumber div {
max-width: 1200px;
position: relative;
margin: 0 auto;
}
#charitynumber p { padding: 15px 0 40px 0; text-align: center; font-size: 0.85em; }


/* woocommerce */

nav.woocommerce-breadcrumb { display: none; }

/* Modern Tribe */
/* Main Area */
#eventstitle { padding: 0; margin: 0; }

#tribe-events-content h2 {padding: 0; margin: 0; font-weight: 600; color: #666; font-size: 24px; }

#main-content .entry-content #tribe-events-content ul.tribe-events-sub-nav { padding: 0; margin: 0; }

/* Twitter */
#twitter a { color: #BD252B; }

/* Captioned Images */
.wp-caption { margin-top: 20px; margin-bottom: 30px; }


/* Event sidebar */

#sidebar h4.tribe-event-title { font-size: 1em; line-height: 1.2em; font-weight: normal; padding-bottom: 6px; }
#sidebar div.tribe-event-duration { font-size: 80%; line-height: 1.2em; }
.tribe-events-list-widget ol li { margin-bottom: 20px; }


/* Blog list */
article.has-post-thumbnail img { float: left; margin: 10px 20px 20px 0; width: 30%; } 
#left-area article.et_pb_post p.post-meta { margin: 6px 0 10px 0; padding: 0; font-weight: 600; }
.blog-container #left-area article.et_pb_post h2.entry-title { clear: left; margin: 0; padding: 0; font-size: 24px; color: #666; font-weight: 600; line-height: 1.2em; }
.blog-container #left-area h1.entry-title { padding: 0px 0 50px 0; }


/* Blog Content */
article.has-post-thumbnail div.entry-content img { float: inherit; margin: inherit; width: inherit; }

article.type-post div.et_pb_image_0 { margin-bottom: 0px !important; }

/* Blog Grid */
.et_pb_blog_grid article.has-post-thumbnail img { float: left; margin: 0 0 10px 0; }
.et_pb_blog_grid article.et_pb_post p.post-meta { margin: 0 0 10px 0; padding: 0; font-size: 14px; }



/* Blog Sidebar */
h4.widgettitle { font-size: 1.4em; }
.widget_recent_entries ul li { margin-bottom: 20px; line-height: 1.4em; }


/* Welcome Panel on home page */
#main-content #welcomepanel { padding: 50px 0 !important; }
#main-content #welcomepanel div.et_pb_row { padding: 0; }
#welcomepanel div.et_pb_image { margin: -15px 0 0 0 !important; }

#welcomepanel div.et_pb_text { margin: 0 0 0 100px; }
#welcomepanel h1 { line-height: 1.4em; padding: 0 0 15px 0; margin: 0; }
#welcomepanel h2 { line-height: 1.4em; padding: 0; margin: 0; }


/* Monarch */
#main-footer .et_social_icons_container { margin: 20px 0 0 0 !important; }

/* Toggle */
.azc_tsh_toggle_container, azc_tsh_toggle_container_open { padding: 0 0; border: none; }
.azc_tsh_toggle, .azc_tsh_toggle_open, .azc_tsh_toggle_active, .azc_tsh_toggle_open_active { border: none; background-position: 0 30px; font-size: 16px; padding: 30px 10px 10px 20px; }

/* ShowHide */
.sh-link { padding: 18px 0 5px 0; background-image: url('toggle-button-small.png'); background-repeat: no-repeat; }
.sh-hide { background-position: 0 20px; }
.sh-show { background-position: 0 -30px; }
.sh-link a { padding-left: 60px; }

/* tram specification */
#tramspec dl { width: 100%; position: relative; }
#tramspec dt, #tramspec dd { display: inline-block; position: relative; vertical-align: top; padding: 0 0 15px 0; }
#tramspec dt { width: 30%; font-weight: bold; }
#tramspec dd { width: 60%; }

/* search-filter-form (tram section) */
#main-content .tramlist::before { background-color: #FFFFFF; width: 0px; height: 1px; }
#tramlist { clear: left; padding-top: 0px; }

#tramcontent img { margin-bottom: 20px; }

#left-area form.searchandfilter { padding: 0 0 20px 0; display: block; }
form.searchandfilter li { float: left; }
#left-area form.searchandfilter ul { float: left; padding: 0 0 30px 0; }
#left-area form.searchandfilter li { margin-right: 10px; }

.searchandfilter input[type="text"], .searchandfilter select {
    color: #555;
    height: 30px;
    line-height:15px;
    width: 100%;
    padding: 0px 0px 0px 10px;
    margin-top: 2px;
    border: 1px solid #E5E5E5;
    background: #FBFBFB;
    outline: 0;
    -webkit-box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2);
    box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2);
    font: normal 14px/14px Arial, Helvetica, sans-serif;
}
.searchandfilter input[type="submit"] {
    background-color: #BD252B;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-border-radius: 5px;
    border: none;
    padding: 8px 25px 8px 25px;
    color: #FFF;
/*    text-shadow: 1px 1px 1px #949494; */
}
.searchandfilter  input[type="submit"]:hover {
    background-color:#333;
}



/* Responsive */
/* hide side bar */
@media all and (max-width: 980px)  {
.et_pb_gutters2 .et_pb_column_1_4, .et_pb_gutters2.et_pb_row .et_pb_column_1_4 { display: none; }

/* special case for the image on the home page welcome panel */
#welcomepanel div.et_pb_column_1_4 { display: block; }
#welcomepanel div.et_pb_image { display: block; }
#welcomepanel div.et_pb_text { margin: 0 0 0 0; }

}

/* mobile menu */
.mobile_menu_bar {
  color:  #FFFFFF !important;
}
.mobile_menu_bar::before {
  color:  #FFFFFF !important; 
} 


/* Tram Timeline */
#tramTimeline {
	float:left;
	padding-left: 2%;
	width: 20%;
	font-size: 1.3em;
	line-height: 0.8em;
}
#tramTimeline ul {
	border-left: 2px solid #bd252b;
	margin-left: 5%;
}

#tramTimeline li{
	padding-left: 10%;
	font-size: 0.6em;
}

#tramTimeline .timelinedate {
	display: block;
	font-weight: bold;
	font-size: 1em;
}

#tramTimeline .timelinedate:nth-child(1){
	margin-left: 0%;
}

#tramTimeline li::before {
	position: relative;
	left: -16%;
	display: block;
	content: " ";
	width: 15px;
	height: 15px;
	background-color: #bd252b;
	border-radius: 60px;
}


#tramTimeline li:first-child::before{
	float:left;
	left: -6%;
	margin-left: -10%;
}


#tramTimeline li:not(:first-child)::before{
	top: 15px;
}

#tramTimeline .titleTimeLine {
	font-size: 1.4em;
	margin-bottom: 15%;
}

@media screen and (max-width: 1150px) {
#tramTimeline li::before {
	left: -18%;	
}
}

@media screen and (max-width: 840px) {
#tramTimeline li::before {
	left: -25%;
	width: 12px;
	height: 12px;
}

#tramTimeline li{
	padding-left: 15%;
}

#tramTimeline li:first-child::before{
	left: -11%;
	margin-left: -15%;
}


}

@media screen and (max-width: 600px) {
#tramTimeline li::before {
	left: -28%;
}

#tramTimeline li:first-child::before{
	left: -13%;
	margin-left: -17%;
}

}

@media screen and (max-width: 400px) {
#tramTimeline li::before {
	left: -33%;
}

#tramTimeline li:first-child::before{
	left: -17%;
	margin-left: -21%;
}
}