/*
 Theme Name:   High6 Creatives
 Theme URI:    http://www.high6.com/
 Description:  A Child Theme built for 
 Author:       High6 Creatives
 Author URI:   http://www.high6.com/
 Version:      1.0
 Template:     Divi
*/

/*
 * Fonts Styles
 */

@font-face {
	font-family: 'Roboto';
	font-display: swap;
	src: url('./includes/fonts/Roboto-Regular.woff2') format('woff2'),
		url('./includes/fonts/Roboto-Regular.woff') format('woff'),
		url('./includes/fonts/Roboto-Regular.ttf') format('truetype');
	font-weight: 400;
}

@font-face {
	font-family: 'Roboto';
	font-display: swap;
	src: url('./includes/fonts/Roboto-Bold.woff2') format('woff2'),
		url('./includes/fonts/Roboto-Bold.woff') format('woff'),
		url('./includes/fonts/Roboto-Bold.ttf') format('truetype');
	font-weight: 700;
}

/*
 * Globals
 */

#page-container {
    overflow-x: hidden;
}

a *, a {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

a {
	font-weight: 700;
}

a:hover {
	color: #1d578e;
}

.et_pb_row,
.container,
.et_pb_fullwidth_header_container {
	width: 90% !important;
	max-width: 1200px !important;
}

#main-content .container:before {
	display: none;
}

@media(min-width: 1367px) and (max-width: 1440px) {
	.et_pb_row,
	.container,
	.et_pb_fullwidth_header_container {
		max-width: 1296px !important;
	}
}

@media(min-width: 1441px) {
	.et_pb_row,
	.container,
	.et_pb_fullwidth_header_container {
		max-width: 1480px !important;
	}
}

body {
    font-family: 'Roboto', 'Open Sans',Arial,sans-serif;
	font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto', 'Open Sans',Arial,sans-serif;
	font-weight: 400;
}

h1, h2 {
    font-size: 24px;
    line-height: 1.2em;
}

h3 {
    font-size: 20px;
    line-height: 1.3em;
}

h4 {
    font-size: 16px;
    line-height: 1.3em;
}

body .et_pb_button_module_wrapper .et_pb_button, 
body .et_pb_button_module_wrapper .et_pb_button:hover, 
.et-db #et-boc .et-l .et_pb_button, 
.et-db #et-boc .et-l .et_pb_button:hover {
    padding: 7px 30px !important;
    line-height: 14px !important;
	font-size: 14px !important;
	border: 2px solid !important;
}

body .et_pb_button_module_wrapper .et_pb_button.et_pb_bg_layout_dark, .et-db #et-boc .et-l .et_pb_button.et_pb_bg_layout_dark {
	background-color: #fff !important;
	color: #1D578E !important;
	border-color: #1D578E !important;
}

body .et_pb_button_module_wrapper .et_pb_button.et_pb_bg_layout_dark:hover, .et-db #et-boc .et-l .et_pb_button.et_pb_bg_layout_dark.et_pb_bg_layout_dark:hover {
	background-color: #1D578E !important;
	color: #fff !important;
	border-color: #1D578E !important;
}

@media(min-width: 768px) {
	body {
		font-size: 16px !important;
	}
	
	h1, h2 {
		font-size: 36px !important;
		line-height: 1.2em;
	}

    h3 {
        font-size: 24px !important;
        line-height: 1.3em;
    }

    h4 {
        font-size: 18px !important;
        line-height: 1.3em;
    }
}

@media(min-width: 981px) {
	body {
		font-size: 18px !important;
	}

    h3 {
        font-size: 28px !important;
        line-height: 1.3em;
    }
	
	body .et_pb_button_module_wrapper .et_pb_button, 
	body .et_pb_button_module_wrapper .et_pb_button:hover,
	.et-db #et-boc .et-l .et_pb_button, 
	.et-db #et-boc .et-l .et_pb_button:hover {
		padding: 10px 50px !important;
		line-height: 18px !important;
		font-size: 18px !important;
		border: 3px solid !important;
	}
}

/*
 * Top Header
 */

#top-header {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999999999999999999999;
    background-color: #f0ca1d !important;
    padding: 20px 0 !important;
    color: #fff !important;
	-webkit-transition: padding 0.3s ease-in-out;
	-moz-transition: padding 0.3s ease-in-out;
	-ms-transition: padding 0.3s ease-in-out;
	transition: padding 0.3s ease-in-out;
	opacity: 0;
	visibility: hidden;
}

#top-header .container {
	padding-top: 0 !important;
}

#top-header.show{
	opacity: 1;
	visibility: visible;
}

#top-header a.button {
    color: #fff;
    font-weight: 700;
    text-decoration: underline;
}

#top-header span.close-top-header {
    width: 30px;
    height: 30px;
    text-align: center;
    border: 2px solid;
    border-radius: 50%;
    line-height: 26px;
    cursor: pointer;
	position: absolute;
    right: 0;
    top: 0;
}

#top-header .custom_top_header_text {
    padding-right: 30px;
	font-size: 14px;
    line-height: 24px;
	font-weight: 400;
}

@media(min-width: 981px) {
	#top-header .custom_top_header_text {
		font-size: 18px;
		line-height: 28px;
	}
}

/*
 * Main Header
 */

#page-container {
	padding-top: 79px !important;
	margin-top: 0 !important;
}

#main-header .container {
	padding: 0 !important;
}

#main-header.et-fixed-header {
	top: 50px !important;
}

#main-header #top-menu a {
	font-weight: 400;
}

#main-header a:hover {
	color: #fff !important;
}

#et-top-navigation li.menu-item {
    font-weight: 400;
    font-size: 16px;
    text-transform: uppercase;
	padding-right: 40px;
}

#et_top_search {
    -webkit-transform: rotate(-90deg) !important;
	-moz-transform: rotate(-90deg) !important;
	transform: rotate(-90deg) !important;
    margin: 15px 25px 0px 0px !important;
}

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

@media(max-width: 980px) {
	.et_fixed_nav #main-header, .et_fixed_nav #top-header {
		position: fixed !important;
	}
	
	#et_top_search {
		display: none;
	}
	
	.et_search_outer .container.et_search_form_container {
		visibility: hidden;
	}
	
	.menu-open .et_search_outer {
		top: 70px !important;
		height: 80px;
	}
	
	.menu-open .et_search_outer .container.et_search_form_container {
		opacity: 1;
		visibility: visible;
	}
	
	.et_search_outer form.et-search-form:before {
		content: "\55";
		font-family: 'ETmodules';
		position: absolute;
		left: 13px;
		top: 8px;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		transform: rotate(-90deg);
		font-weight: 700;
		color: #333;
	}
	
	.et_search_outer form.et-search-form {
		background-color: #fff !important;
		width: 100%!important;
		max-width: 100%!important;
		height: 40px;
		top: 20px;
		border-radius: 20px;
	}
	
	.et_search_outer form.et-search-form input.et-search-field, 
	.et_search_outer form.et-search-form input.et-search-field::placeholder {
		color: #333 !important;
		z-index: 9999;
	}

	.et_search_outer form.et-search-form input.et-search-field {
		padding: 10px 10px 10px 35px !important;
	}

	.et_search_outer span.et_close_search_field:after {
		color: #333 !important;
	}

	.et_search_outer span.et_close_search_field {
		margin-top: 25px;
		margin-right: 10px;
		display: none !important;
	}
	
	#main-content {
		position: relative;
	}

	#main-content:before {
		content: "";
		width: 100%;
		height: 100%;
		background-color: #1d578e;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9;
		-webkit-transform:scale(0);
		-moz-transform:scale(0);
		transform:scale(0);
		-webki-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		transform-origin: center;
	}
	
	.menu-open #main-content:before {
		-webkit-transform:scale(1);
		-moz-transform:scale(1);
		transform:scale(1);
	}
	
	#main-header .et_mobile_menu {
		background-color: rgba(0,0,0,0) !important;
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		text-align: center;
		border: none !important;
		top: 150px;
	}

	#main-header .et_mobile_menu li.menu-item {
		padding: 0 !important;
		position: relative;
	}
	
	#main-header .et_mobile_menu li.menu-item.menu-item-has-children > a {
		font-weight: 400;
	}

	#main-header .et_mobile_menu li.menu-item ul.sub-menu {
		padding: 0;
		display: none !important;
	}
	
	#main-header .et_mobile_menu li.menu-item ul.sub-menu.open-sub {
		display: block !important;
	}

	#main-header .et_mobile_menu li.menu-item a {
		background-color: rgba(0,0,0,0) !important;
		border: none !important;
		margin-bottom: 10px;
		display: inline-block;
	}
	
	body.menu-open {
		overflow: hidden !important;
	}
	
	.mobile_nav.opened .mobile_menu_bar:before {
		content: "\4d";
	}
	
	span.toggle-sub-menu {
		width: 20px;
		height: 20px;
		display: inline-block;
		position: absolute;
		top: 9px;
		right: 0;
	}

	span.toggle-sub-menu:before {
		content: "\43";
		font-family: 'ETmodules';
		color: #fff;
		font-size: 20px;
		line-height: 20px;
	}
}

@media(min-width: 981px) {
	#main-header {
		box-shadow: none !important;
		-moz-box-shadow: none !important;
		-webkit-box-shadow: none !important;
	}

	#main-header.et-fixed-header {
		box-shadow: 0 0 7px rgba(0,0,0,.1)!important;
		-moz-box-shadow: 0 0 7px rgba(0,0,0,.1)!important;
		-webkit-box-shadow: 0 0 7px rgba(0,0,0,.1)!important;
	}
	
	#et_top_search {
		margin: 7px 0 0 22px !important;
	}
	
	#page-container {
		padding-top: 214px !important;
	}
	
	#page-container.topbar-hide {
		padding-top: 150px !important;
		margin-top: 0 !important;
	}
}

#top-header.et-fixed-header {
    padding: 10px 0 !important;
    position: absolute !important;
}

#main-header.et-fixed-header {
    top: 0px !important;
}

/*
 * CTA
 */

.lets-work-together-cta .et_pb_button_module_wrapper .et_pb_button, 
.et-db #et-boc .et-l .lets-work-together-cta .et_pb_button_module_wrapper .et_pb_button {
	background-color: #6cd4ff !important;
    border-color: #6cd4ff !important;
}

.lets-work-together-cta .et_pb_button_module_wrapper .et_pb_button.careers,
.et-db #et-boc .et-l .lets-work-together-cta .et_pb_button_module_wrapper .et_pb_button.careers {
    background-color: rgba(0,0,0,0) !important;
    border-color: rgba(0,0,0,0) !important;
}

.page-id-286 a.et_pb_button.careers {
    display: none !important;
}

.lets-work-together-cta .et_pb_button_module_wrapper .et_pb_button.contact-us:hover,
.et-db #et-boc .et-l .lets-work-together-cta .et_pb_button_module_wrapper .et_pb_button.contact-us:hover {
	background-color: #fff !important;
	border-color: #fff !important;
	color: #1D578E!important;
}

.lets-work-together-cta .et_pb_column.et-last-child {
    display: flex;
}

.lets-work-together-cta .et_pb_column.et-last-child .et_pb_button_module_wrapper.et_pb_module {
    margin: 0 !important;
}

.single .et_pb_post {
    margin-bottom: 0 !important;
}

@media(max-width: 980px) {
	.lets-work-together-cta .et_pb_module {
		text-align: center !important;
	}
	
	.lets-work-together-cta .et_pb_column.et-last-child {
		display: flex;
		flex-direction: column;
	}
	
	.lets-work-together-cta .et_pb_column.et-last-child .et_pb_button_module_wrapper:first-child {
		order: 2;
		margin-top: 10px !important;
	}
}

@media(max-width: 767px) {
	.lets-work-together-cta {
		padding: 0 !important;
	}
	
	.portfolio-button-section .et_pb_row {
		padding-bottom: 0;
	}
}

@media(min-width: 981px) {
	.lets-work-together-cta {
		padding: 76px 0px !important;
	}
	
	.lets-work-together-cta .et_pb_row {
		align-items: center;
	}
}

/*
 * Footer
 */

#main-footer > .container {
    border-bottom: 1px solid #B1B6BA;
}

#footer-bottom {
    padding: 20px 0 50px !important;
}

#footer-info .privacy-and-terms a {
    font-weight: 400 !important;
}

#footer-info .privacy-and-terms a:not(:last-child) {
    margin-right: 30px;
}

#footer-info .social-icons a:not(:last-child) {
    margin-right: 10px;
}

#footer-info .social-icons a:before {
    content: "";
    font-family: 'ETmodules';
    position: absolute;
    font-size: 12px;
    left: 0;
    top: 0;
    text-align: center;
    line-height: 26px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    visibility: visible;
    background-color: #1D578E;
}

#footer-info .social-icons a.twitter:before {
    content: "\e094";
}

#footer-info .social-icons a.linkedin:before {
    content: "\e09d";
}

#footer-info .social-icons a.email:before {
    content: "\e076";
}

#footer-info .social-icons a {
    width: 26px;
    height: 26px;
    display: inline-block;
    overflow: hidden;
    line-height: 26px;
    position: relative;
    visibility: hidden;
    color: #fff !important;
    font-weight: 400;
}

#footer-widgets .footer-widget li {
    padding-left: 0 !important;
}

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

#footer-widgets .footer-widget ul.sub-menu > li {
    margin-left: 0px !important;
}

#footer-widgets .footer-widget ul.sub-menu > li a {
    color: #b1b6ba;
}

#footer-widgets .footer-widget ul li {
    margin-bottom: 0px;
    line-height: 21px;
}

#footer-widgets .footer-widget li a {
	font-weight: 400;
}

@media(max-width: 980px) {
	#footer-widgets {
		padding-bottom: 0 !important;
	}
	
	#footer-info {
		text-align: left !important;
	}
	
	#footer-info .social-icons {
		float: right;
	}
	
	#footer-info .privacy-and-terms a:not(:last-child) {
		margin-right: 20px;
	}
	
	#footer-info .privacy-and-terms a {
		font-size: 12px !important;
	}
	
	#footer-widgets .footer-widget:last-child {
		display: grid;
		grid-template-columns: 50% 50%;
	}
	
	#footer-bottom .privacy-and-terms {
		/* display: none; */
	}

	#footer-bottom .privacy-and-terms br {
		display: none;
	}
}

@media(max-width: 767px) {
	#footer-widgets .footer-widget:last-child {
		display: grid;
		grid-template-columns: 100%;
	}
	
	#footer-widgets .footer-widget .fwidget, #footer-widgets .footer-widget:nth-child(n) {
		margin-bottom: 5.5% !important;
	}
	
	#main-footer .footer-widget h4 {
		padding-bottom: 0 !important;
	}
	
	#footer-bottom {
		padding: 20px 0 30px !important;
	}
}

@media(min-width: 981px) {
	#footer-widgets .footer-widget {
		margin-right: 0 !important;
		width: 50% !important;
	}
	
	#footer-widgets .footer-widget:last-child {
		display: grid;
		grid-template-columns: 25% 25% 25% 25%;
	}
	
	#footer-info {
		float: none !important;
	}
	
	#footer-info > div {
		float: right;
	}
	
	#footer-info .social-icons {
		margin-right: 10%;
	}

	#footer-info .privacy-and-terms {
		margin-right: 115px;
	}
	
	#footer-info .privacy-and-terms br {
		display: none;
	}
	
	#footer-widgets .footer-widget:last-child .fwidget:last-child {
		/* display: none; */
	}
}

/*
 * Sub Head
 */

.sub-header h3{
	font-size: 21px;
	color: #575B5F!important;
}

/* Search Results */

body.search-results #sidebar,
body.search-no-results #sidebar{
    display: none;
}

body.search-results #left-area,
body.search-no-results #left-area{
    padding-left: 0px !important;
    width: 100% !important;
}

body.search-results #main-content > .container:before {
    display: none;
}

body.search-results #left-area article{
    background-color: #efefef !important;
    margin-bottom: 30px;
    padding: 30px 30px 30px;
    border-radius: 3px;
    display: inline-block;
    width: 100%;
}

/* body.search-results #left-area .pagination{
    display: none;
} */

@media(min-width: 600px){

    body.search-results #left-area article .entry-featured-image-url {
        float: left;
        width: 200px;
        margin-bottom: 0px;
        margin-right: 30px;
    }

    body.search-results #left-area article .entry-title{
        margin-top:20px;
        font-weight: 600;
        padding-bottom: 0px;
        font-family: 'Noto Sans',Helvetica,Arial,Lucida,sans-serif;
    }
    body.search-results #left-area article img {
        width: 200px;
        height: 200px;
        object-fit: contain;
        object-position: center;
        background-color: #fff;
    }
}

/* No Results Page */

body.search-no-results #main-content > .container {
    max-width: 100% !important;
    width: 100% !important;
    padding-top: 0px !important;
}

body.search-no-results #main-content > .container:before {
    display: none;
}

body.search-no-results .et_pb_fullwidth_header_container .header-content h1,
body.search-no-results .et_pb_fullwidth_header_container .header-content span {
    color: #fff;
}

body.search-no-results #main-content #left-area {
    padding-right: 0px;
}

/* END No Results Page */

/*** SINGLE POST ***/

.single-post #main-content > .container {
    margin: 0 auto !important;
    padding-right: 0px !important;
}

.single-post #main-content > .container:before {
    display: none;
}

.single-post #main-content > .container #left-area {
    width: 100%;
    padding-right: 0px !important;
}

.single-post #main-content > .container #left-area .et_post_meta_wrapper {
    text-align: center;
}

/*** END SINGLE POST ***/