/*
Theme Name: HogStudio Divi Child Theme
Description: A child theme to house custom coding which modifies the Divi parent theme by Elegant Themes. Includes default line numbers where the code was taken from in the parent theme.
Author:   Kris Hoja - HogStudio.com
Template: Divi
*/

/* Custom columns number layout */

.six-columns .et_pb_image:hover {
	opacity: 0.5;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
}

.ten-columns .et_pb_module {
	width: 10%;
	float: left;
	padding: 0 0.5%;
}

.nine-columns .et_pb_module {
	width: 11.11%;
	float: left;
}

.eight-columns .et_pb_module {
	width: 12.5%;
	float: left;
}

.seven-columns .et_pb_module {
	width: 14.28%;
	float: left;
}

.six-columns .et_pb_module {
	width: 16.66%;
	display: inline-block;
	padding: 0 0.5%;
}

.five-columns .et_pb_module {
	width: 20%;
	float: left;
}

@media (max-width: 980px) {
	.ten-columns .et_pb_module {
		width: 20%;
	}
	.nine-columns .et_pb_module {
		width: 33.3%;
	}
	.eight-columns .et_pb_module {
		width: 25%;
	}
	.seven-columns .et_pb_module {
		width: 25%;
	}
	.six-columns .et_pb_module {
		width: 33.3%;
	}
	.five-columns .et_pb_module {
		width: 33.3%;
	}
}

@media all and (max-width: 767px) {
	.ten-columns .et_pb_module {
		width: 48%;
	}
	.nine-columns .et_pb_module {
		width: 48%;
	}
	.eight-columns .et_pb_module {
		width:48%;
	}
	.seven-columns .et_pb_module {
		width: 48%;
	}
	.six-columns .et_pb_module {
		width: 48%;
		padding: 0 2.5%;
	}
	.five-columns .et_pb_module {
		width: 48%;
	}
}

/* Additional header elements */

.marque {
	width: 100%;
	position: absolute;
	padding-top: 35px;
	color: #fff;
}

.marque {
	text-align: left;
}
.marque-mobile {
	width: 100%;
	position: relative;
	color: #fff;
}

.marque-mobile {
	text-align: left;
}

.kris-social-icons {
	float: right !important;
	text-align: right;
	list-style: none;
	padding-top: 35px;
	position: absolute;
	right: 0;
}

.kris-social-icons a {
	color: #A18B60!important;
	-webkit-transition: color .2s, font-size .2s;
	-moz-transition: color .2s, font-size .2s;
	-o-transition: color .2s, font-size .2s;
	transition: color .2s, font-size .2s;
	text-align: left;
	font-size: 20px !important;
	
}

.kris-social-icons-mobile {
	text-align: right;
}

.kris-social-icons-mobile a {
	color: #A18B60!important;
	-webkit-transition: color .2s, font-size .2s;
	-moz-transition: color .2s, font-size .2s;
	-o-transition: color .2s, font-size .2s;
	transition: color .2s, font-size .2s;
	text-align: left;
	font-size: 20px !important;
	
}

body.team .et_overlay {
	background: rgba(255, 255, 255, .4) !important;
}
@media only screen and ( max-width: 981px) {
.header-marque-social-icons-mobile {
	margin-bottom: 20px;
	display: none !important;
	flex-direction: row;
	width: 100%;
	padding: 0 5%;
}
.marque-mobile {
	width: 35%;
}
.kris-social-icons-mobile {
	width: 50%;
	margin-right: 50px !important;
	text-align: right;
}
}
@media only screen and ( min-width: 981px) {
.header-marque-social-icons-mobile {
	display: none !important;
}
}

@media only screen and ( max-width: 981px) {
.header-marque-social-icons-desktop {
	display: none !important;
}
}

/* Case Histories single item extar class to work with load-more.js */

.item2 {
	display: none;
}
.et_pb_portfolio_2_0 .et_pb_portfolio_item h2, .et_pb_portfolio_2_0 .et_pb_portfolio_item h2 a {
	font-size: 14px !important;
}
#loadMore {
	display: block;
	font-family: 'calibre-regular', Georgia, "Times New Roman", serif;
	font-size: 1em;
	margin: 0 auto;
	max-width: 470px;
	padding: 10px 20px;
	position: relative;
	text-align: center;
	border: 1px solid #333;
	color: #333;
	background: #fff;
}

/* Team Page image settings */

.team-image {
	padding-top: 150% !important;
}

.team-image img { 
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	object-fit: cover;
}
.team-member h2 {
	padding-bottom: 3px !important;
}
.team-position {
	font-size: 0.7em;
	text-transform: uppercase;
	font-family: 'calibre-regular', Georgia, "Times New Roman", serif!important;
	margin-top: 3px;
}

.read-biography {
	margin-top: -10px;
}

.read-biography a {
	color: #d6c9ca;
	text-transform: uppercase;
}

.read-biography a:hover {
	color: #000;
}

/* THREE COLUMN PORTFOLIO GRID LAYOUT */

@media only screen and ( min-width: 981px) {
	.three-column-grid .et_pb_grid_item {
		width: 30.333% !important;
		margin: 0 2.5% 2.5% 0 !important;
	}
	.three-column-grid .et_pb_grid_item:nth-child(3n) {
		margin-right: 0 !important;
	}
	.three-column-grid .et_pb_grid_item:nth-child(2n+1) {
		clear: none !important;
	}
	.three-column-grid .et_pb_grid_item:nth-child(3n+1) {
		clear: both !important;
	}
}

/* Four Columns Team Grid */

@media only screen and ( min-width: 981px) {
	.four-column-grid .et_pb_grid_item {
		width: 23.125% !important;
		margin: 0 2.5% 2.5% 0 !important;
	}
	.four-column-grid .et_pb_grid_item:nth-child(4n) {
		margin-right: 0 !important;
	}
	.four-column-grid .et_pb_grid_item:nth-child(2n+1) {
		clear: none !important;
	}
	.four-column-grid .et_pb_grid_item:nth-child(4n+1) {
		clear: both !important;
	}
}

@media (max-width: 479px) {
.et_pb_column .et_pb_grid_item, .et_pb_column .et_pb_shop_grid .woocommerce ul.products li.product {
    width: 47%;
    margin: 0 5.5% 9.5% 0;
}
}

#main-header {
	box-shadow: none;
}

#footer-info {
	width: 100%;
	text-align: left;
	margin: 0 auto;
}

#footer-info a {
	font-weight: normal;
}

#footer-bottom {
	display: none;
}

.ds-vertical-align {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
@media (max-width: 767px) {
#footer-widgets .footer-widget, .et_pb_gutters1 #footer-widgets .footer-widget {
    width: 46.25% !important;
    margin-right: 0 !important;
	}
	
	#footer-widgets .footer-widget:last-child {
		padding-left: 10%;
	}
	}

/* HomePage diamonds with numbers */

.diamond {
	border: 1px solid #a28d62;
	width: 35px;
	height: 35px;
	text-align: center;
	/* Rotate div */
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	/* IE 9 */
	-webkit-transform: rotate(45deg);
	/* Opera, Chrome, and Safari */
}
.diamond-gold-border {
	background: #D1A054;
	width: 35px;
	height: 35px;
	text-align: center;
	/* Rotate div */
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	/* IE 9 */
	-webkit-transform: rotate(45deg);
	/* Opera, Chrome, and Safari */
}
.diamond-right {
	float: right;
}
.diamond-nofloat {
	float: none;
}
.diamond-gold {
	color: #D1A054;
	display: block;
	padding: 5px 0 8px;
	/* Rotate div */
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	/* IE 9 */
	-webkit-transform: rotate(-45deg);
	/* Opera, Chrome, and Safari */
}
.diamond-number {
	display: block;
	padding: 5px 0 8px;
	color: #a28d62;
	/* Rotate div */
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	/* IE 9 */
	-webkit-transform: rotate(-45deg);
	/* Opera, Chrome, and Safari */
}

/* HomePage button alignment fix */

body.home .et_pb_button_module_wrapper {
	max-width: 550px;
	margin: 0 auto;
}

/* Footer adjustments */

#footer-widgets {
	padding: 3% 0 0;
	color: #a28d62;
}
#footer-widgets .footer-widget a, #footer-widgets .footer-widget li a, #footer-widgets .footer-widget li a:hover {
    color: #a28d62 !important;
}
.ds_footer_bullets #footer-widgets .footer-widget li {
	padding: 0 !important;
}

#footer-widgets .et_pb_widget ul li {
	margin-bottom: 0 !important;
}

#footer-widgets .et_pb_widget {
	float: none !important;
}

.fwidget {
	margin-bottom: 3% !important;
}

@media (min-width: 981px) {
	.et_pb_gutters2.et_pb_footer_columns_1_4__1_2 .footer-widget.last {
		width: auto !important;
	}
}

/* Footer social icons color (widget) */

.et-social-icons {
	float: left !important;
}
#main-footer .et-social-icon a {
	color: #B3B3B3 !important;
}
.et-social-icon a {
	
	-webkit-transition: color .2s, font-size .2s;
	-moz-transition: color .2s, font-size .2s;
	-o-transition: color .2s, font-size .2s;
	transition: color .2s, font-size .2s;
	text-align: left;
	font-size: 20px !important;
	;
}

.et-social-icon a:hover {
	font-size: 30px;
	overflow: hidden;
	color: #000 !important;
}

.et-social-icons li {
	margin-left: 0 !important;
	margin-right: 20px;
}

/* Submenus fix */

.nav li ul {
	min-width: 400px;
}

#top-menu li li {
	display: block;
}

#top-menu li li a {
	min-width: 350px;
}

/* Mobile menu background color */

.et_mobile_menu li a:hover,
.nav ul li a:hover {
	opacity: .7;
	background-color: rgba(0, 0, 0, 0.15);
}

span.mobile_menu_bar:before {
	color: #a28d62 !important;
	font-size: 65px;
}
@media (max-width: 980px) {
.ds-app-menu #logo {
     padding-left: 0 !important;
}
}

@media (max-width: 980px) {
	.et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
		position: fixed;
	}

	.et_header_style_centered #main-header div#et-top-navigation {
		
		bottom: 0;
		top: 20px;
		width: 100%;
		position: absolute !important;
	}
	.et_header_style_centered #et_mobile_nav_menu {
		margin-top: 5px;
	}
	}

/* Close button to mobile nav menus */

.mobile_nav.opened .mobile_menu_bar:before {
	content: "\4d";
}

/* Increased letter spacing on mobile menu */

.et_header_style_centered #main-header .mobile_nav {
	padding: 15px 10px;
}

.et_header_style_centered #main-header .mobile_nav {
	background: transparent !important;
}

/* .et_mobile_menu {
	letter-spacing: 2px;
	text-transform: uppercase;
	background: #443554 !important;
	margin-left: -30px;
	padding: 5%;
	width: calc( 100% + 60px);
} */
.select_page { visibility: hidden; }

span.mobile_menu_bar {
    position: fixed !important;
	right: 5px !important;
	top: 20px !important;
}
/* Increased font size on mobile menu */

.et_mobile_menu li a {
	font-size: 18px;
}

/* Single Case History */
#after-single-case-history-menu  h2.entry-title::after  {
	font-family: ETmodules!important;
	-webkit-font-smoothing: antialiased;
	content: '$';
	font-size: 15px;
	color: #000;
	margin-left: 5px;
	font-weight: bold;
}
#after-single-case-history-menu  h2.entry-title:hover  {
	color: #4D4D4D;
}
#after-single-case-history-menu .et_pb_post {
	margin-bottom: 0px !important;
}
@media (max-width: 980px) {
	#after-single-case-history-menu .et_pb_row {
		padding: 0 !important;
	}
}
.mfp-title {
	display: none !important;
}
.et-pb-arrow-next, .et-pb-arrow-prev {
	padding: 10px;
}

/* Cutom blog settings */

h1.entry-title {
	text-align: center !important;
}
.et_pb_blog_grid .et_pb_post {
	min-height: 600px;
}
.et_pb_blog_grid .et_pb_post .post-content {
	font-family: 'calibre-regular', Arial,"Times New Roman",serif !important;
	min-height: 200px;
}