/*
 Theme Name:     Belle
 Theme URI:      https://www.bellewebdesign.com.au
 Description:    Child theme for the Divi theme
 Author:         Belle Design
 Author URI:     ttps://www.bellewebdesign.com.au
 Template:       Divi
 Version:        1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */

/* ---------------------- Custom Fonts ---------------------- */


@font-face {
    font-family: 'Belluga';
    src: url('fonts/Belluga.woff2') format('woff2'),
        url('fonts/Belluga.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


.belluga {
	font-family: 'Belluga';
	text-transform: none;
	letter-spacing: 1px;
}

/* ---------------------- Global ---------------------- */

h1 {
  	font-family: 'Belluga', serif !important;
	text-transform: none !important;
	letter-spacing: 1px !important;
	line-height: 1.6em !important;
	color: #00516d !important;
	font-size: 36px !important;
}

h2 {
	font-family: 'Oswald', sans-serif;
	font-size: 28px;
	font-weight: 300 !important;
	font-style: normal;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 3px;
}

a {
	font-weight: 600;
}

a:hover {
	font-weight: 400;
}

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

.pink-bg {
	background: #fdb9a9;
	display: inline-block;
	padding: 5px 30px;
}

.et_pb_button.gold-button {
	color: #ffffff;
	padding: 0.6em 3em 0.8em 2em !important;
	background-image: url('/wp-content/uploads/2018/09/gold-border.jpg') !important;
	background-position: center bottom !important;
	background-size: contain !important;
	background-repeat: repeat-x !important;
}

.et_pb_button.gold-button:hover {
	color: #ffffff;
	padding: 0.6em 3em 0.8em 2em !important;
	background-image: url('/wp-content/uploads/2018/09/gold-border.jpg') !important;
	background-position: center bottom !important;
	background-size: contain !important;
	background-repeat: repeat-x !important;
}


/* ---------------------- Header ---------------------- */

#top-header .container {
    padding-top: 0;
    font-weight: 400;
}

.et_fixed_header #top-header {
	background: #ffffff;
}

#et-secondary-nav.menu {
	background: #fdb9a9;
	padding-top: 0.75em;
	padding-right: 1.5em;
	padding-left: 1.5em;
	margin-left: 2em;
}

#et-secondary-nav.menu a {
	color: #ffffff;
}

#et-secondary-nav.menu a:hover {
	font-weight: 600;
}

.et-search-form input {
	background: #fef5f2;
	padding: 10px;
}

.et-fixed-header #et_search_icon::before {
	color: #af8350 !important;
}

.et-fixed-header #et_top_search {
	display: none;
}

#main-header,
#main-header.et-fixed-header {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

#main-header.et-fixed-header {
	display: none;
}

#et-top-navigation {
    font-weight: 400;
}

.et_header_style_split .centered-inline-logo-wrap {
	margin-right: 35px !important;
	margin-left: 45px !important;
}

#logo {
	-webkit-transform: initial;
}

/* ---------------------- Home Page ---------------------- */

.hp-banner {
	background: url('/wp-content/uploads/2018/09/header-banner.png') no-repeat;
	background-position: center bottom;
	background-size: cover;
	width: 100%;
	max-width: 100%;
}

.video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video-img {
	width: 100%;
	height: auto;
}

.hp-work,
.hp-test {
	background-size: 100% auto !important;
}

.hp-test {
	background: url('/wp-content/uploads/2018/09/hp-test-blue-bg.png') no-repeat;
	background-size: 100% auto !important;
	background-position: center bottom;
}

.hp-work .five-columns h4 {
	font-variant: none !important;
	text-transform: none !important;
	letter-spacing: 0px !important;
}

.et_pb_testimonial_portrait {
    margin-right: 50px;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
	background-position: center top;
}

.et_pb_testimonial_portrait::before {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.et_pb_testimonial_author {
	font-family: 'Belluga', sans-serif !important;
	font-size: 30px !important;
	font-weight: 400 !important;
	margin-top: 0;
}

/* ---------------------- Packages ---------------------- */

#packages-desc-col {
	width: 34% !important;
}

#packages-col {
	width: 22% !important;
}

.ptsCell {
	border-top: 1px solid #00516d !important;
	border-left: 1px solid #00516d !important;
}

#packages-col .pstRows .ptsCell {
	position: relative;
}

#packages-col .ptsRows .ptsTog {
  	position: absolute;
  	top: 50%;
  	transform: translateY(-50%);
  	width: 100%; /* take the parent's width */
}

.ptsColHeader,
.ptsColDesc {
	border-left: 1px solid #00516d !important;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

#packages-desc-col .ptsColHeader,
#packages-desc-col .ptsColDesc {
	text-align: left;
}

#packages-desc-col .ptsCell,
#packages-desc-col .ptsColHeader,
#packages-desc-col .ptsColDesc {
	border-left: none !important;
}

#packages-desc-col .ptsCell {
	padding-right: 10px !important;
}

#packages-desc-col p {
	text-align: left;
	line-height: 1.5em;
}

#packages-desc-col .ptsColHeader {
	font-weight: lighter;
}

#packages-desc-col .ptsColDesc strong {
	font-family: 'Belluga', serif;
	font-weight: 500 !important;
	letter-spacing: 1px;
	font-size: 40px;
	line-height: 1em;
}

#packages-desc-col .ptsColDesc {
	line-height: 1em;
}

#packages-desc-col .ptsCell strong {
	font-family: 'Cormorant Garamond', serif;
	font-weight: 400 !important;
	letter-spacing: 1px;
	color: #af8350;
	font-size: 21px;
	display: inline-block;
	padding-bottom: 8px;
}

#packages-col .ptsColHeader {
	font-family: 'Cormorant Garamond', serif;
	font-style: italic;
	font-weight: lighter;
}

#packages-col .ptsColHeader span {
	line-height: 1em !important;
}

.ptsElImg img {
    width: 80% !important;
    height: auto;
}

/* ---------------------- Footer ---------------------- */

#main-footer {
    background: url('/wp-content/uploads/2018/11/gold-border-large.jpg') no-repeat;
	background-position: center top;
	background-size: 100% 7px;
}

.footer-widget h4 {
	font-family: 'Cormorant Garamond', serif;
	letter-spacing: 0px;
	text-transform: none;
}


/* ---------------------- Responsive ---------------------- */

@media screen and (min-width: 1600px) {

	.hp-test {
		background: url('/wp-content/uploads/2018/09/hp-blue-bg-large.png') no-repeat;
		background-size: 100% auto !important;
		background-position: center bottom;
	}
}

@media screen and (max-width: 1250px) {
	.hp-banner {
		background-position: right center;
		padding-top: 29% !important;
		padding-bottom: 29% !important;
	}
	
	.hp-banner-row {	
		padding-left: 10% !important;
		padding-right: 10% !important;
	}
	
	.hp-test {
		background: url('/wp-content/uploads/2018/09/hp-blue-bg-tablet.png') no-repeat !important;
		background-size: 100% auto !important;
		background-position: center bottom !important;
	}
}

@media screen and (max-width: 980px) {
	.hp-work .five-columns {
		width: 96% !important;
		max-width: 96% !important;
	}
	
	.et_header_style_split header#main-header .logo_container {
        max-height: 150px;
	}
	
	.et_header_style_split #logo {
    	max-height: 90px;
	}
	
	.hp-banner {
		background: url('/wp-content/uploads/2018/09/home-page-header-mobile.jpg') no-repeat;
		background-position: center top;
		background-size: 100% auto;
		padding-top: 48% !important;
		padding-bottom: 48% !important;
		margin-top: 10%;
	}
	
	.hp-test {
		background: url('/wp-content/uploads/2018/09/blue-bg-tablet.png') no-repeat !important;
		background-size: 100% auto !important;
		background-position: center bottom !important;
	}
}

@media screen and (max-width: 767px) {
	
	h1 {
        font-size: 32px;
    }
	
	.hp-banner {
		margin-top: 15% !important;
	}
	
	.five-columns .et_pb_module {
		width: 100%;
	}
	
	.hp-work .five-columns {
		width: 80% !important;
		max-width: 80% !important;
	}
	
	.video-row {
		width: 96%;
		max-width: 96%;
		margin: 0 auto;
	}
	
	.hp-test {
		background: none !important;
	}
	
	.hp-test-bg {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 auto;
		background: url('/wp-content/uploads/2018/09/blue-bg-tablet.png') no-repeat;
		background-size: cover;
		background-position: center bottom;	
	}
	
	.hp-test .et_pb_testimonial_description {
		padding-bottom: 7%;
	}
	
	.hp-test .et_pb_testimonial p,
	.hp-test .et_pb_testimonial_author {
		text-align: center !important;
	}
	
	.ptsCol {
		margin-bottom: 50px !important;
		border-bottom: 3px solid #00516d !important;
	}
	
	#packages-desc-col {
		width: 50% !important;
	}

	#packages-col {
		width: 50% !important;
	}
}

@media screen and (max-width: 600px) {
	
	h1 {
        font-size: 28px;
    }
	
	.et_pb_button.gold-button,
	.et_pb_button.gold-button:hover {
		font-size: 14px !important;
		padding: 0.6em 2.5em 0.8em 1.5em !important;
	}
	
	.pink-bg {
		padding: 5px 10px;
	}
	
	#packages-desc-col {
		width: 60% !important;
	}

	#packages-col {
		width: 40% !important;
	}

	.ptsColDesc span {
		font-size: 22px !important;
	}
	
	#packages-desc-col .ptsColDesc strong {
		font-size: 26px;
	}
	
	#packages-desc-col .ptsColHeader span {
		font-size: 24px !important;
	}
}

@media screen and (max-width: 479px) {
	
	h2 {
		font-size: 24px;
	}
	
	.hp-banner {
		margin-top: 30% !important;
	}
	
	.video-button .gold-button {
		width: 100%;
	}		
}

@media screen and (max-width: 360px) {
	.hp-banner {
		margin-top: 35% !important;
	}
}