/* 
 Theme Name:     Gauteng Film Commission
 Author:         KEMOSO
 Author URI:     https://www.kemoso.com 
 Template:       Divi
 Version:        1.0 
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 
#page-container #main-header {box-shadow:none}
#et-info a:hover {
	opacity:1;
	color:#798621
}

#page-container #main-header:after {
	content:"";
	display:inline-block;
	position:relative;
	top:5px;
	height:15px;
	width:100%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b0c330+0,b0c330+26,ffd300+26,ffd300+50,c75f5f+50,c75f5f+76,808080+76,808080+100 */
	background: #b0c330; /* Old browsers */
	background: -moz-linear-gradient(left,  #b0c330 0%, #b0c330 26%, #ffd300 26%, #ffd300 50%, #c75f5f 50%, #c75f5f 76%, #808080 76%, #808080 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #b0c330 0%,#b0c330 26%,#ffd300 26%,#ffd300 50%,#c75f5f 50%,#c75f5f 76%,#808080 76%,#808080 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #b0c330 0%,#b0c330 26%,#ffd300 26%,#ffd300 50%,#c75f5f 50%,#c75f5f 76%,#808080 76%,#808080 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0c330', endColorstr='#808080',GradientType=1 ); /* IE6-9 */	
}

#page-container #main-header.et-fixed-header:after {
	height:5px
}

.whatsnew-row img {width:100%}
.whatsnew-row .et_pb_main_blurb_image {margin-bottom:20px}
.whatsnew-row .et_pb_blurb_description {font-size:14px; padding:0 10px 10px}
.whatsnew-row .et_pb_blurb {height:100%}
#gfc-header .dmpro_breadcrumbs .dmpro-separator-icon, 
#gfc-header .dmpro_breadcrumbs .dmpro-separator-symbol,
#gfc-header .dmpro_breadcrumbs .dmpro-breadcrumb-item:hover a, 
#gfc-header .dmpro_breadcrumbs .dmpro-breadcrumb-current {color:#fff}
.gfc-location-summary-item .drts-bs-card-title a {font-size:14px; color:#8b9a26}
.gfc-location-summary-item .drts-bs-card-body {padding:10px}
.gfc-location-summary-item .drts-display-element-card-subtitle {color:#c75f5f; font-size:12px}
.single-locations_dir_ltg .drts-slider-photos-photo-no-padding {background-color:#efefef}
#top-menu .sub-menu .sub-menu {padding-left:15px}
#top-menu .sub-menu .sub-menu .sub-menu {padding-left:15px}
.page-contact-us .et_pb_section, .page-our-people .et_pb_section {background-color:transparent}
.et-db #et-boc .et-l .dmpro_hover_box.gfc-menu-img-link .dmpro-hover-box-container, 
.et-db #et-boc .et-l .dmpro_hover_box.gfc-menu-img-link .dmpro-hover-box-content, 
.et-db #et-boc .et-l .dmpro_hover_box.gfc-menu-img-link .dmpro-hover-box-hover {min-height:100px; height:100px}
.home-latest-events-block .et_pb_blog_grid .et_pb_post {background:rgba(0,0,0,0.5); border: none;}

/*Form floating labels*/
.et-float-labels p {
  position: relative !important;
}
 
.et-float-labels .et_pb_contact_form_label {
  display: block !important;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 1em;
  padding: 0 1em;
  transform: translateY(0%);
  transform-origin: left;
  color: #666;
  font-size: 12px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  z-index: 0;
}
 
.et-float-labels .et_pb_contact_form_label.active {
  visibility: visible;
  opacity: 0.6;
  top:0;
  transform: translateY(-100%) scale(0.9);
}
 
.et_pb_module.et-float-labels form p .input::-webkit-input-placeholder {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.et_pb_module.et-float-labels form p .input::-moz-placeholder {
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.et_pb_module.et-float-labels form p .input:-ms-input-placeholder {
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.et_pb_module.et-float-labels form p .input:-moz-placeholder {
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}  
.et_pb_module.et-float-labels form p .input::placeholder {
  transition: all 0.4s ease-in-out;
}
 
.et_pb_module.et-float-labels form p .input:focus::-webkit-input-placeholder {
  color: transparent !important;
}
.et_pb_module.et-float-labels form p .input:focus::-moz-placeholder {
  color: transparent !important;
}
.et_pb_module.et-float-labels form p .input:focus:-moz-placeholder {
  color: transparent !important;
}
.et_pb_module.et-float-labels form p .input:focus:-ms-input-placeholder {
  color: transparent !important;
}
.et_pb_module.et-float-labels form p .input:focus::placeholder {
  color: transparent !important;
}
/* End form floating labels*/

.gfc-annual-reports-table td {padding:5px 10px; color:#fff}
.gfc-annual-reports-table td:first-child {width:70%}
.page-requirements-and-permits .wp-caption {
	background-color:transparent;
}
.page-requirements-and-permits .wp-caption p {color:#eee; border-color: #333}
#top-menu li.mega-menu>ul.submenu {padding:0}
#top-menu .sub-menu li .menu-item-has-children>a:first-child {padding-right:20px}
#top-menu li.mega-menu ul.sub-menu li.top-level-menu-item > a {color:#c75f5f}
#top-menu li.mega-menu ul.sub-menu li.top-level-menu-item > a::before {
	content: "\3b";
	position:relative;
	font-family: 'ETmodules';
	display:inline-block;
	margin-right:5px;
}
#top-menu li.mega-menu ul.sub-menu li.secondary-level-menu-item > a {color:#db9898}
#top-menu li.mega-menu ul.sub-menu li.secondary-level-menu-item > a::before {
	content: "\3f";
	position:relative;
	font-family: 'ETmodules';
	display:inline-block;
	margin-right:5px;
}

.wide-btn.et_pb_button {
	width:100%;
}

.circle-tick-list ul,
.circle-tick-list ul li {
	list-style-type: none!important;
}

.circle-tick-bullet-list ul li:before {
	content: '\e052'!important;
	color: #b0c330;
	font-family: 'ETMODULES'!important;
	margin-right: 10px;
	margin-left: -14px;
	font-size: 1.2em!important;
}

.circle-tick-list li::marker {display:none}
.section-border-bottom-gfc-colours::after {
	content:"";
	display:inline-block;
	position:absolute;
	bottom:0;
	height:15px;
	width:100%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b0c330+0,b0c330+26,ffd300+26,ffd300+50,c75f5f+50,c75f5f+76,808080+76,808080+100 */
	background: #b0c330; /* Old browsers */
	background: -moz-linear-gradient(left,  #b0c330 0%, #b0c330 26%, #ffd300 26%, #ffd300 50%, #c75f5f 50%, #c75f5f 76%, #808080 76%, #808080 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #b0c330 0%,#b0c330 26%,#ffd300 26%,#ffd300 50%,#c75f5f 50%,#c75f5f 76%,#808080 76%,#808080 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #b0c330 0%,#b0c330 26%,#ffd300 26%,#ffd300 50%,#c75f5f 50%,#c75f5f 76%,#808080 76%,#808080 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0c330', endColorstr='#808080',GradientType=1 ); /* IE6-9 */	
}

.section-border-top-gfc-colours::before {
	content:"";
	display:inline-block;
	position:absolute;
	top:0;
	height:15px;
	width:100%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b0c330+0,b0c330+26,ffd300+26,ffd300+50,c75f5f+50,c75f5f+76,808080+76,808080+100 */
	background: #b0c330; /* Old browsers */
	background: -moz-linear-gradient(left,  #b0c330 0%, #b0c330 26%, #ffd300 26%, #ffd300 50%, #c75f5f 50%, #c75f5f 76%, #808080 76%, #808080 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #b0c330 0%,#b0c330 26%,#ffd300 26%,#ffd300 50%,#c75f5f 50%,#c75f5f 76%,#808080 76%,#808080 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #b0c330 0%,#b0c330 26%,#ffd300 26%,#ffd300 50%,#c75f5f 50%,#c75f5f 76%,#808080 76%,#808080 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0c330', endColorstr='#808080',GradientType=1 ); /* IE6-9 */	
}
.gforce-profiles .et_pb_blurb_position_left .et_pb_main_blurb_image {
	width:300px;
}

.round-img.gforce-profiles .et_pb_blurb_position_left .et_pb_main_blurb_image img {
	border-radius:50%;
}

.round-img.gforce-profiles .red.et_pb_blurb_position_left .et_pb_main_blurb_image img {
	border:solid 5px #c75f5f;
}

.round-img.gforce-profiles .red.et_pb_blurb_position_left .et_pb_module_header {
	color: #c75f5f;
}

.round-img.gforce-profiles .yellow.et_pb_blurb_position_left .et_pb_main_blurb_image img {
	border:solid 5px #ffd300;
}

.round-img.gforce-profiles .yellow.et_pb_blurb_position_left .et_pb_module_header {
	color: #ffd300;
}


.round-img.gforce-profiles .green.et_pb_blurb_position_left .et_pb_main_blurb_image img {
	border:solid 5px #b0c330;
}

.round-img.gforce-profiles .green.et_pb_blurb_position_left .et_pb_module_header {
	color: #b0c330;
}

.round-img.gforce-profiles .gray.et_pb_blurb_position_left .et_pb_main_blurb_image img {
	border:solid 5px #808080;
}

.round-img.gforce-profiles .gray.et_pb_blurb_position_left .et_pb_module_header {
	color: #808080;
}

.one-stop-filming-service-search-bar .drts select.drts-bs-form-control {height:50px}

.trapezoid-img.et_pb_blurb_position_left .et_pb_main_blurb_image, 
.trapezoid-img.et_pb_blurb_position_right .et_pb_main_blurb_image {
	clip-path: polygon(0 0, 80% 0%, 100% 100%, 0% 100%);
}
.trapezoid-img {background-color:#333}
.trapezoid-img .et_pb_blurb_container {padding:15px 15px 0 15px}
.trapezoid-img.et_pb_row .et_pb_image_wrap {clip-path: polygon(0 0, 80% 0%, 100% 100%, 0% 100%);}
.et_pb_bg_layout_light.line-dash::after {
	content:url(https://gautengfilm.org.za/wp-content/uploads/2022/05/line-dash-dark.png);
  width: 150px;
  display: block;
  top: 0;
  transform: translateY(-10px);
	margin:auto;
	
}
.et_pb_bg_layout_dark.line-dash::after {
	content:url(https://gautengfilm.org.za/wp-content/uploads/2022/05/line-dash-light.png);
  width: 150px;
  display: block;
  top: 0;
  transform: translateY(-10px);
	margin:auto;
}

#featured-speakers .et_pb_text_align_left.line-dash:after {
	margin:auto;
}

.fullwidth-btn.et_pb_button {width:100%; display:block}

.get-involved-section .et_pb_button {width:100%; text-align: center;}
#your-host-section .et_pb_bg_layout_dark.line-dash::after,
.et_pb_text_align_left.line-dash:after {margin-left:20px}
.page-gfc-one-stop-filming-service .drts-view-entities-header {color:#fff}
.white-text .et_pb_contact_field_options_title,
.white-text label {color:#fff}

/*add labels above the form input fields*/
.labels-above-form-fields .et_pb_contact_form label.et_pb_contact_form_label {
display: block !important;
  font-weight: bold;
}
/*hide the extra label*/
.labels-above-form-fields .et_pb_contact_form .et_pb_contact_field_options_wrapper .et_pb_contact_field_options_title {
    display: none;
}
/*make placehold text same color as field background*/
.labels-above-form-fields .et_pb_contact_form ::-webkit-input-placeholder {
color: #eee !important;
}
.labels-above-form-fields .et_pb_contact_form.my_contact :-moz-placeholder {
color: #eee !important;
}
.labels-above-form-fields .et_pb_contact_form ::-moz-placeholder {
color: #eee !important;
}
.labels-above-form-fields .et_pb_contact_form :-ms-input-placeholder {
color: #eee !important;
}

#footer-widgets .footer-widget .fwidget.widget_media_image {margin-bottom:0}
#main-footer #footer-widgets .widget_block h4 {display: block; color: #fff}
#main-footer #footer-widgets .footer-widget .fwidget {
	margin-bottom: 20px;
  display: block;
  width: 100%;
  clear: both;	
}

.white-text.et_pb_contact_form_container .input[type="checkbox"]+label, 
.white-text.et_pb_contact_form_container .input[type="radio"]+label {
	color:#fff
}

#comment-wrap .default.avatar {max-width: 80px;}  
body #page-container #get-involved-btn-row.et_pb_section .dmpro_popup .dmpro_popup_trigger_button,
#get-involved-btn-row .et_pb_button {
	font-size: 22px;
	width: 100%;
    text-transform: uppercase;
    text-align: center;	
}

body #page-container #get-involved-btn-row.et_pb_section .dmpro_popup .dmpro_popup_trigger_button:hover,
#get-involved-btn-row .et_pb_module .et_pb_button:hover {
	background-color: #b0c330!important;
}

.ep_pb_module .et_pb_contact p input[type="radio"]:checked+label i:before {
	background-color: #333;
}

.gforce-profiles .et_pb_blurb_position_left .et-pb-icon {font-size: 16px; transform: translateY(2px);}
body.post-type-archive-tribe_events.custom-background,
body.single-tribe_events.custom-background {background-color: #fff}
sup {font-size: 12px}
.event_listings .wpem-event-location {display: none}
.programme-thumbnail .et_pb_main_blurb_image {}
.programme-overview-heading {border-bottom: solid 2px #111}
#footer-widgets .footer-widget li {font-size: 14px}

/*===========================
 * Media Queries
 * =========================*/
@media only screen and (max-width:1550px) and (min-width:1332px) {
	#discover-quote-section {background-position:-10% 50%}
}
@media only screen and (min-width:1162px) and (max-width:1331px) {
	#top-menu li {padding-right:8px}
	#discover-quote-section {background-position:-20% 50%}
}
@media only screen and (min-width:982px) and (max-width:1332px) {
	.db141_show_header_separators.et_header_style_left #top-menu>.menu-item + .menu-item:before, 
	.db141_show_header_separators.et_header_style_centered #top-menu>.menu-item + .menu-item:before, 
	.db141_show_header_separators.et_header_style_split #top-menu>.menu-item + .menu-item:before {
		left: -7px;
	}	
}	

@media only screen and (min-width:982px) and (max-width:1161px) {
	#discover-quote-section {background-position:-30% 50%}
	
}
@media only screen and (min-width:981px) and (max-width:1160px) {
	body.et_pb_svg_logo #logo {height:50%}
	body.et_fullwidth_nav #main-header .container {padding-left:10px; padding-right:10px}
	body.et_header_style_left #et-top-navigation nav>ul>li>a, .et_header_style_split #et-top-navigation nav>ul>li>a {
		padding-bottom:30px
	}
	#main-header #top-menu li {padding-right: 12px; font-size:13px}
}

@media only screen and (min-width: 981px) {
	/*.et_pb_svg_logo #main-header #logo {height:90%}
	#main-header #logo {max-height:90%}*/
	.et_pb_module.et_pb_newsletter .et_pb_newsletter_form .et_pb_contact_field_half {
		flex-basis: 31.5%;
	}
	.gfc-discover-summit-sign-up .et_pb_module.db_inline_form .et_pb_newsletter_fields p.et_pb_newsletter_field {
		display:inline-block;
	}
	.gfc-discover-summit-sign-up.et_pb_newsletter {padding-right:0}
	.gfc-discover-summit-sign-up.et_pb_module.et_pb_newsletter .et_pb_newsletter_form .et_pb_contact_field_half {width:30%}
}

@media only screen and (max-width: 980px) {
	.et_header_style_left #logo {max-width:80%; max-height:80%; height:80%}
}

@media only screen and (min-width:768px) {
	.two-column {
		column-count: 2;
		column-gap: 30px;
	}
}

@media only screen and (min-width:480px) {
	.trapezoid-img.et_pb_blurb_position_left .et_pb_main_blurb_image, 
	.trapezoid-img.et_pb_blurb_position_right .et_pb_main_blurb_image {width:300px}
	.inline-buttons .et_pb_button_module_wrapper,
	.inline-buttons .et_pb_text {
		display: inline-block;
	}
	.inline-buttons .et_pb_button_alignment_right {float:right}
  .tbvs-blog-img-style1 .et_pb_post.has-post-thumbnail .entry-featured-image-url {
      float: left;
      max-width: 33%;
      margin-bottom: 0;
      margin-right: 5.5%;
      height: 100px;
      overflow: hidden;
  }
	
	.tbvs-blog-img-style1 .et_pb_post.has-post-thumbnail {
		margin-bottom: 25px;
	}
	
	.tbvs-blog-img-style1 .et_pb_post.has-post-thumbnail .entry-title, 
	.tbvs-blog-img-style1 .et_pb_post.has-post-thumbnail .post-meta, 
	.tbvs-blog-img-style1 .et_pb_post.has-post-thumbnail .post-content {
		margin-left: 38.5%;
	}	
}

@media only screen and (max-width:479px) {
	.trapezoid-img.et_pb_blurb_position_left .et_pb_blurb_content, 
	.trapezoid-img.et_pb_blurb_position_right .et_pb_blurb_content {display: inline-grid;}
	.trapezoid-img.et_pb_blurb_position_left .et_pb_main_blurb_image, 
	.trapezoid-img.et_pb_blurb_position_right .et_pb_main_blurb_image {width:100%}	
	#comment-wrap .default.avatar {max-width: 40px;}
}