/*
 Theme Name:     Dzombo Divi Child
 Theme URI:      https://dzombolodge.co.za/wp-content/themes/Divi
 Description:    Divi Child Theme
 Author:         Ferox Creative
 Author URI:     https://dzombolodge.co.za/
 Template:       Divi
 Version:        1.0.0
*/
 
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400..800&display=swap');

/* Links */

body {
    font-size: 16px;
    color: #333;
    background-color: #fff;
    line-height: 1.7em;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


a {
	text-decoration: none;
	color: #111111;
}

a:hover {
	text-decoration: none; 
}

.et_pb_text_inner a {
	font-weight: 700;
	border-bottom: 2px solid #ccc;
	transition: all ease-out 0.5s
}

.et_pb_text_inner a:hover {
	border-bottom: 2px solid #222;
}

.et_pb_bg_layout_dark .et_pb_blurb_description a {
	color:#fff!important;
	font-weight:800;
}

.et_pb_bg_layout_dark .et_pb_blurb_description a:hover {
	border-bottom: 2px solid #fff;
}

footer .et_pb_text_inner a {
	border-bottom: 2px solid #5e5652!important;
}

footer .et_pb_text_inner a:hover {
	border-bottom: 2px solid #fff!important;
}

.et_pb_social_media_follow li a {
	border-bottom: none!important;
}

a.txtlink {
  font-weight: 600;
  color: #111111 }



a.circlink {
	z-index: 100;
    font-weight: 600;
	color: #222!important;
	transition: .3s ease;
	cursor: pointer;
}

a.circlink:before {
    font-family: ETmodules!important;
    speak: none;
    font-style: normal;
    font-weight: 600;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\3d";
    padding-right: 5px;
    font-size: 13px;
    color: #222;
}

a.circlink:hover {
    margin-left: 5px;
}


/* Typography */

h1, h2, h3 {
	font-family: "Syne", sans-serif!important;
	font-optical-sizing: auto;
	font-style: normal;
}

h2 {
	font-size: 30px!important;
}
.bighead h2{
	font-size:300%!important}

h3 {
    font-size: 24px;
    line-height: 32px;
}

.et_pb_fullwidth_header .et_pb_fullwidth_header_subhead {
	font-family: "Syne", sans-serif!important;
	line-height: 36px!important;
	margin-bottom: 10px!important;
}

.et_pb_fullwidth_header .et_pb_header_content_wrapper {
	line-height: 28px!important;
}

@media only screen and (max-width: 767px) {
	.et_pb_fullwidth_header .header-content h1 {
		font-size: 50px!important;
	}

	.et_pb_fullwidth_header .et_pb_fullwidth_header_container {
		width: 96%;
	}
	
	.et_pb_fullwidth_header .et_pb_fullwidth_header_container .et_pb_button_one {
		margin-right: 0px;
	}
	.bighead h2{
	font-size:100%!important}
}

h6 {
	text-transform: uppercase;
	letter-spacing: 3px;
	font-size: 15px!important;
}


/* Menu */

.mobile_menu_bar:before, .mobile_menu_bar:after {
	color:#fff!important;
}

.et_header_style_fullscreen .et_slide_in_menu_container #mobile_menu_slide a {
	font-family: "Syne", sans-serif!important;
	font-optical-sizing: auto;
	font-style: normal;
	transition: all 0.6s;
	background-size: 200% 100%;
	background-image: linear-gradient(to left, #fff 50%, transparent 50%); 
    padding: 10px 18px;
    margin-bottom: 6px;
}

.et_header_style_fullscreen .et_slide_in_menu_container #mobile_menu_slide a:hover {
	background-position: 100% 0;
	color: #5a352d;
	opacity: 1;
}

.et_slide_in_menu_container #mobile_menu_slide li.current-menu-item a, .et_slide_in_menu_container #mobile_menu_slide li a {
    padding: 10px 0;
    color: #fff;
    border: none;
}

.et_header_style_slide .et_slide_in_menu_container .et_mobile_menu li a, .et_header_style_slide .et_slide_in_menu_container, .et_header_style_slide .et_slide_in_menu_container input.et-search-field, .et_header_style_slide .et_slide_in_menu_container a, .et_header_style_slide .et_slide_in_menu_container #et-info span, .et_header_style_slide .et_slide_menu_top ul.et-social-icons a, .et_header_style_slide .et_slide_menu_top span {
    font-size: 14px;
}

.et_slide_in_menu_container #mobile_menu_slide li.current-menu-item a {
    padding: 10px 18px;
}

body #page-container .et_slide_in_menu_container {
	background-image: url(https://dzombolodge.co.za/images/Block-logo-Brown.png)!important;
    background-position: 50% 70px!important;
    background-size: 260px 260px!important;
    background-repeat: no-repeat!important;
}

@media only screen and (max-width: 767px) {
	.et_header_style_fullscreen .et_slide_in_menu_container #mobile_menu_slide a {
		background-image: none;
	}
	.et_header_style_fullscreen .et_slide_in_menu_container #mobile_menu_slide a:hover {
		background-image: none;
	}
	body #page-container .et_slide_in_menu_container {
		background-image: url(https://dzombolodge.co.za/images/Block-logo-Brown.png)!important;
		background-position: 50% 70px!important;
		background-size: 200px 200px!important;
		background-repeat: no-repeat!important;
	}
}

.et_header_style_fullscreen ul.et-social-icons {
margin-right: 00px;
}


/* Buttons */

.et_pb_button, .et_pb_bg_layout_light.et_pb_button, .et_pb_bg_layout_light .et_pb_button {
	background-size: 0% 100%;
    background-image: linear-gradient(to right, rgb(255 255 255 / 30%) 100%, rgb(255 255 255 / 30%) 0%);
    border: 1px solid #fff;
    background-position: -30%;
	color: #fff;
    border-radius: 2px;
    letter-spacing: 1px;
    font-size: 17px;
    font-weight: 700!important;
    text-transform: uppercase!important;
	transition: all ease-out 0.5s
}

.et_pb_button:after, .et_pb_button:before {
    font-size: 26px;
}

.et_pb_button:hover, .et_pb_module .et_pb_button:hover, .et_pb_bg_layout_light.et_pb_button:hover, .et_pb_bg_layout_light .et_pb_button:hover {
	border: 1px solid #fff;
	background-size: 100% 100%;
    background-position-x: 0%;
	box-shadow: 0px 6px 6px -3px rgb(0 0 0 / 30%);
}

.et_pb_bg_layout_light.et_pb_button, .et_pb_bg_layout_light .et_pb_button, .et_pb_bg_layout_light.et_pb_button:hover, .et_pb_bg_layout_light .et_pb_button:hover {
	border: 1px solid #59352d;
	color: #59352d;
}



/* Header Sections */

.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {
    margin: 20px auto;
    width: 80%;
    max-width: 1080px;
}


/* Blurbs */

.et_pb_blurb.homeprod {
    background-color: #ffffff;
    border-radius: 10px 10px 10px 10px;
    overflow: hidden;
    padding-top: 20px!important;
    padding-right: 5%!important;
    padding-bottom: 10%!important;
    padding-left: 5%!important;
}


a.big-button, a.small-button, a.icon-button {
  cursor: pointer; }

.fwidget h4.title {color:#fff!important;}


/*  Carousel wide */

.dipl_image_card_carousel.widecar .dipl_image_card_content_wrapper {
	min-height: 500px;
	line-height: 500px!important;
}

.dipl_image_card_carousel.widecar .dipl_image_card_title {
	line-height: 500px!important;
}


/* Vertical Layout Stuff */

.vert_layout_right {
    right: 0px;
    gap: 150px;
    top: 55%;
    display: grid;
    position: absolute;
    transform: translateY(-50%);
}

.vert_right_info {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 110px;
    transform: rotate(90deg);
    margin-bottom: 200px;
}

/* Floating Bottom Menu */

.et_pb_section.menu-float {
    position: fixed;
    bottom: 20px;
    z-index: 10000;
    left: 20px;
    padding: 0;
    background-color: transparent;
}

.et_pb_section.menu-float .et_pb_row {
	width: 100%;
	padding: 0px;
}

.menu-float_layout {
	width: fit-content;
}

.menu-float_wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    width: -moz-fit-content;
    width: fit-content;
    padding: 2px;
    border-radius: 6px;
    background: rgba(0,0,0,0.15);
    pointer-events: auto;
    transition: all .4s;
}

.menu-float_content {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
    color: #dedede;
}

.menu-float_nav {
    position: relative;
    display: flex;
    padding: 4px 1px!important;
}

.menu-float_nav li {
    display: flex;
	list-style: none;
}

.menu-float_nav li:last-child {
	margin-right: 0px;
}

.menu-float_item {
    justify-content: center;
    width: 100%;
    border: none;
    border-radius: 2px;
    color: #fff;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    height: 42px;
    margin: 0px 4px;
    padding: 0 14px;
    font-weight: 600;
    cursor: pointer;
    overflow: hidden;
    transition: color .5s,background .5s,opacity .3s;
    background-color: #f05637;
    text-transform: uppercase;
}

.menu-float_item:hover:not(.is-active) {
    background-color: #b53924;
}