/*
 Theme Name: XA Gorilla Safaris
 Theme URI: https://www.xagorillasafaris.com/
 Description: Child Theme for XA Gorilla Safaris
 Author: Headway Digital
 Author URI: https://headwaydigital.co.za/
 Template: Divi
 Version: 1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */

body, p, .entry-content ul li, .textwidget p {
    font-family: 'Instrument Sans', sans-serif !important;
    font-weight: 400;
}
h1, h2, h3, h4, h5, h6 {
	    font-family: 'Instrument Sans', sans-serif !important;
}
.large {
	font-size: 24px; 
	line-height: 34px;
	font-weight: 500;
}
.custom-heading h2 {
	font-family: 'Instrument Sans', sans-serif; 
	font-weight: 300;
}

img:hover {
	pointer-events: none; 
}
#top-menu li a {
    font-weight: 500;
    font-family: 'Instrument Sans', sans-serif;
}
#top-menu li.current-menu-item>a {
	font-weight: 800;
}
#top-menu li a:hover {
	color: #62694a!important; 
	opacity: 1 !important; 
}
#et-info {
    width: 100%;
    text-align: left;
}

.blog-snippets .et_pb_post {
    margin-bottom: 24px;
}
.et_button_icon_visible .et_pb_button {
    min-width: 200px;
    text-align: center;
}
.footer-btn1 {
	background-color: #c69000 !important; 
	border-color: #c69000 !important; 
	margin-bottom: 8px !important; 
}
.footer-btn1:hover, .et_pb_button.footer-btn1:hover {
	background-color: #9da175 !important; 
	border-color: #9da175 !important; 
	color: #fff!important; 
}
.footer h4 {
	font-family: 'Instrument Sans', sans-serif; 
}
.footer-btn2 {
	background-color: #c69000 !important; 
	border-color: #c69000 !important; 
}
.footer-btn2:hover, .et_pb_button.footer-btn2:hover {
	background-color: #9da175 !important; 
	border-color: #9da175 !important; 
	color: #fff!important; 
}
footer .et_pb_button:hover, footer .et_pb_module .et_pb_button:hover {
	border-color: #9da175 !important;
}
#media_image-2 img {
    max-width: 120px !important;
}
/* Testimonials */

.tss-wrapper .tss-layout3 .item-content-wrapper, .tss-wrapper .tss-isotope1 .item-content-wrapper, .tss-wrapper .tss-video1 .item-content-wrapper, .tss-wrapper .tss-carousel3 .item-content-wrapper {
    padding: 0;
    background: #fff;
    position: relative;
}
.tss-wrapper .tss-layout1 .tss-meta-info.tss-left, .tss-wrapper .tss-carousel1 .tss-meta-info.tss-left, .tss-wrapper .tss-layout1 .item-content-wrapper:before, .tss-wrapper .tss-carousel1 .item-content-wrapper:before, .tss-wrapper .tss-layout1 .item-content-wrapper:after, .tss-wrapper .tss-carousel1 .item-content-wrapper:after, .tss-wrapper .tss-layout3 .item-content-wrapper:before, .tss-wrapper .tss-isotope1 .item-content-wrapper:before, .tss-wrapper .tss-video1 .item-content-wrapper:before, .tss-wrapper .tss-carousel3 .item-content-wrapper:before {
	display: none !important;
}

.tss-carousel-main .swiper-pagination-bullet, .tss-carousel .swiper-pagination-bullet {
	background: #ddd !important; 
	opacity: 1!important; 
}
.tss-carousel-main .swiper-pagination-bullet:hover, .tss-carousel-main .swiper-pagination-bullet-active, .tss-carousel .swiper-pagination-bullet:hover, .tss-carousel .swiper-pagination-bullet-active {
    opacity: 1;
    background: #8a813e !important;
}
.item-content h5 {
    font-weight: 600;
    font-family: 'Instrument Sans', sans-serif !important;
    color: #9da175 !important;
    font-style: normal !important;
	margin-top: 48px;
}
.item-content p {
    font-size: 28px;
    line-height: 38px;
    color: #212121;
    font-style: normal;
    font-family: 'Instrument Sans', sans-serif; 
}

#top-menu .menu-item-has-children>a:first-child:after, #et-secondary-nav .menu-item-has-children>a:first-child:after {
	display: none; 
}
#top-menu .menu-item-has-children>a:first-child, #et-secondary-nav .menu-item-has-children>a:first-child {
    padding-right: 0;
}
#top-menu li {
    padding-right: 20px;
}
/* Footer */
#footer-widgets .footer-widget li {
    padding-left: 0;
}
footer .container {
    width: 90%;
    max-width: 90%;
}
#footer-widgets .footer-widget li:before {
	display: none; 
}
.footer-widget h4 {
    padding-bottom: 24px;
}

#footer-widgets .footer-widget a:hover {
    color: #b3aa7e;
    opacity: 1 !important;
}
footer .custom-list li {
    border-bottom: 1px dashed #9da175;
    line-height: 20px;
    padding-bottom: 8px;
    padding-top: 4px;
    padding-left: 0 !important;
}
.tagline h2 {
    font-size: 18px;
    text-align: right;
}
.et_pb_gutters3 .footer-widget {
        margin-bottom: 24px;
    }
#top-header .et-social-icons {
    float: right;
}

/* Post Social Sharing */

.heateor_sss_horizontal_sharing .heateor_sss_svg, .heateor_sss_standard_follow_icons_container .heateor_sss_svg {
    border-radius: 8px 8px 8px 8px !important;
}

.heateor_sss_horizontal_sharing .heateor_sss_svg, .heateor_sss_standard_follow_icons_container .heateor_sss_svg {
    background-color: #eee !important;
    background: #eee !important;
    color: #212121;
    border-width: 0px;
    border-style: solid;
    border-color: transparent;
    padding: 12px !important;
    margin-right: 8px;
}
.heateor_sss_horizontal_sharing .heateor_sss_svg, .heateor_sss_standard_follow_icons_container .heateor_sss_svg {
    color: #212121 !important;
}


/* Gravity Forms */

.gform_button {
    font-family: 'Instrument Sans', sans-serif !important;
    box-sizing: border-box;
    margin: 0;
    outline: 0;
    -webkit-text-size-adjust: 100%;
    vertical-align: baseline;
    background: transparent;
    padding: .3em 1em;
    line-height: 1.7em!important;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    border: 2px solid;
    transition-property: all!important;
    position: relative;
    transition: all 300ms ease 0ms;
    display: inline-block;
    font-size: 18px;
    background-color: #c69000;
    border-width: 3px!important;
    border-color: #c69000;
    border-radius: 5px;
    font-weight: bold;
    font-style: normal;
    text-transform: none;
    text-decoration: none;
    padding-right: 30px;
    padding-left: 30px;
    min-width: 200px;
    text-align: center;
    color: #ffffff;
}
.gform_button:hover {
	cursor: pointer; 
	background-color: #62694a !important; 
	border-color: #62694a !important; 
}
.custom-list ul li {
    padding-left: 0;
    border-bottom: 0px dashed rgba(255, 255, 255, 0.3);
    padding-bottom: 8px;
    padding-top: 8px;
}
.contact-btn .et_pb_button {
    min-width: 200px;
    text-align: center;
    font-family: "Instrument Sans", sans-serif;
    top: -10px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.contact-btn {
	float: left; 
	margin-left: 30px;
}

@media all and (max-width: 980px) {
/*** wrap row in a flex box ***/
.custom_row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
flex-wrap: wrap;
}
 
/*** custom classes that will designate the order of columns in the flex box row ***/
.first-on-mobile {
-webkit-order: 1;
order: 1;
}
 
.second-on-mobile {
-webkit-order: 2;
order: 2;
}
 
.third-on-mobile {
-webkit-order: 3;
order: 3;
}
 
.fourth-on-mobile {
-webkit-order: 4;
order: 4;
}
/*** add margin to last column ***/
.custom_row:last-child .et_pb_column:last-child {
margin-bottom: 30px;
}
}
/* Fix for menu overlap */
@media only screen and (min-width: 1024px) and (max-width: 1110px) {
	    #logo {
        max-height: 60%;
    }
    #top-menu li:first-of-type {
    display: none;
}
}

@media only screen and (min-width: 981px) {
	.et_pb_gutters3 .footer-widget:first-of-type {
		width: 10% !important;
	}
	.et_pb_gutters3.et_pb_footer_columns4 .footer-widget .fwidget {
        margin-bottom: 24px;
    }
	.et_pb_gutters3.et_pb_footer_columns4 .footer-widget {
        width: 23.875%;
    }
}

@media only screen and (max-width: 767px) {
	.item-content p {
    font-size: 20px;
    line-height: 28px;
}
	#logo {
		max-width: 70%; 
		max-height: 70%; 
	}
#top-header, #top-header .container, #top-header #et-info, #top-header .et-social-icon a {
    line-height: 1em;
    font-size: 12px;
    line-height: 20px;
}
.large {
	font-size: 20px; 
	line-height: 30px;
}
body .et_pb_button, .et_button_icon_visible .et_pb_button {
    min-width: 100%;
    text-align: center;
}
.bg-col {
	display: block !important;
    min-height: 300px !important;
}
header .container {
    position: relative;
    width: 90% !important;
}
footer .container {
    width: 80%;
    max-width: 80%;
}
	.contact-btn {
		display: none; 
	}
.et_mobile_menu .menu-item-has-children>a {
    background-color: transparent;
}
body, p, .entry-content ul li, .textwidget p {
    font-weight: 400;
    font-size: 16px !important;
}
.large p {
    padding-bottom: 1em;
    font-size: 18px !important;
    font-weight: 500;
}
}

.et_pb_slide {
	padding: 0 !important; 
}
.et_pb_slide_content img {
	min-width: 100% !important;
}
#media_image-2 {
    text-align: center;
    width: 100%;
}

.post-content h2, .post-content h3 {
	margin-bottom: 16px; 
	margin-top: 24px; 
}