/*-------------------------------------------------------
Theme Name: Divi SRFC Child
Theme URI: 
Description: A child theme template for Divi
Author: Ben Dickie
Author URI: 
Template: Divi
Version: 1.0.0
--------------------------------------------------------*/



#mobile-header-info{
	display: none;
}

/*-------------------------------------------------------
 Font Classes
-------------------------------------------------------*/

.fn-underline{
	text-decoration: underline;
}

/*-------------------------------------------------------
 Button
-------------------------------------------------------*/

.et_pb_button, 
.et_button_no_icon .et_pb_button,
.et_pb_button:hover,
.et_button_no_icon .et_pb_button:hover{
    padding: 11px 34px!important;
    color: #fff!important;
}

a.et_pb_button:after{
	display: none;
}


.btn-cta{
	margin: 15px 0;
	width: 300px;
	border-radius: 25px;
	text-align: center;
}

a.page-btn-cta{
	margin-top: 45px;
}

a.et_pb_button.page-btn-cta:hover{
	background:#1b3075!important;
}


a.et_pb_button.page-btn-cta:after{
	display: initial;
}



/*-------------------------------------------------------
 Above Header - Section
-------------------------------------------------------*/

#main-header .container,
#above-header-container .container{
	max-width: 1300px;
}

#above-header-container{
	padding-left: 245px;
}

#above-header-container > div > span a{
	font-size: 16px;
	color: #332f2b;
	font-weight: 600;
}

#above-header-container #et-info-phone:before{
	color: #009ca7;
}

.above-header-info img,
#above-header-container #et-info-phone:before{
	margin-right: 5px;
}

.above-header-info img{
	margin-top:5px;
}

#above-header-container > div{
	width: 100%;
}

#above-header-container > div > div,
#above-header-container > div > span{
	display: inline-block;
}

#above-header-container .above-header-info{
	padding: 13px 23px;
}

#above-header-container #et-info-phone{
	padding-left: 10px;
}

#above-header-container > div > span{
	float: right;
}

#above-header-container > div{
	float: left;
}

#above-header-container .above-header-order{
	background-color: #000000;
}

#above-header-container #above-header-order a,
a.btn-cta{
	display: block;
	padding: 12px 22.5px;
	background-color: #172655;
	border-bottom-left-radius: 25px;
	border-bottom-right-radius: 25px;
	color:#fcf5e9;
	font-size: 17px;
	font-weight: 500;
	-webkit-box-shadow: 2px 2px 10px -5px rgba(0,0,0,0.45);
	-moz-box-shadow: 2px 2px 10px -5px rgba(0,0,0,0.45);
	box-shadow: 2px 2px 10px -5px rgba(0,0,0,0.45);
	transition: color 0.4s, background-color 0.4s, box-shadow 0.4s;
}

#above-header-container #above-header-order a:hover,
a.btn-cta:hover{
	color:#ffffff!important;
	background-color: #1b3075;
	-webkit-box-shadow: 2px 2px 10px -5px rgba(0,0,0,0.75);
	-moz-box-shadow: 2px 2px 10px -5px rgba(0,0,0,0.75);
	box-shadow: 2px 2px 10px -5px rgba(0,0,0,0.75);
}

#above-header-container #above-header-order a strong{
	font-weight: 600;
}

.above-header-social{
	margin:12px;
}

#above-header-container #et-info{
	padding-bottom: 0;
}

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

#header-container .container{
	max-width: 1300px;
	width: 100%;
}

#header-container{
	z-index: 95;
	position: relative;
	background: #fcf5e9;
	-webkit-box-shadow: 0px 3px 11px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 3px 11px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 3px 11px 0px rgba(0,0,0,0.4);
}

/* Logo */

#header-container #logo{
	max-height: 180px;
	z-index: 97;
	position: absolute;
	top: 10px;
}


/*-------------------------------------------------------
 Page - Section
-------------------------------------------------------*/


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

#footer{
	padding: 35px 0;
	background: #009ca7;
}

#footer-wrapper{
	max-width: 1080px;
	margin: 0 auto;
	padding: 30px 0;
}

.footer-details, .footer-social, .footer-info{
	width: 100%;
	display: block;
	clear: both;
}

.footer-details > div{
	display: block;
	width: 36%;
	margin-left: 1%;
	float: left;
}

.footer-details img{
	float: left;
	margin-right: 10px;
}

.footer-details p{
	text-align: left;
	color: #ffffff;
	font-size: 19px;
	font-weight: 600;
}

/* Footer Social */

.footer-social {
	text-align: center;
	padding: 30px 0;
}

.footer-social > a{
	margin: 0 7.5px;
}

.footer-details #footer-phone{
	width: 25%;
}

/* Footer Info */

#footer .footer-info p{
	text-align: center;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 16px;
	color:#ffffff;
}


/* Footer Rope */

.rope{
	height: 27.5px;
	width: 100%;
	margin-top:-10px;
    background: url(https://www.srfco.com.au/wp/wp-content/uploads/2018/04/rope-1.png) no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
	display: block;
	z-index: 95;
}

#footer .rope{
	margin-top: -47px;
}

#main-header .rope{
	margin-top: -12px;
}


.logo-seafood{
	margin-top:-125px;
	float:right; background:#fff;
	border-radius:8px;
	max-width:350px;
	padding:10px
}


/*-------------------------------------------------------
Font
-------------------------------------------------------*/

/* Font Family */

h1{
	font-family: 'Bree Serif',Georgia,"Times New Roman",serif!important;
}

/* Font Style */

h1{
	font-weight: 600;
	font-size: 35px;
	padding-bottom: 30px;
}


h2{
	line-height: 1.3em;
	font-size: 21px;
	font-weight: 600;
}

.et_pb_title_container h1{
	font-size: 35px;
	padding-bottom: 2px;
	color: #ffffff;
}

h3{
	font-size: 21px!important;
}



@media only screen and (max-width:1350px) {

	#main-header .container,
	#above-header-container .container{
		width: 95%;
	}

}

@media only screen and (max-width:1200px) {

	.rope,
	#above-header-container{
		display: none;
	}

	#above-header-container .above-header-info{
		padding: 12px 10px;
	}

	.et_header_style_left #logo, .et_header_style_split #logo{
		max-width:80%;
	}
	
	#logo{
		max-height: 125px!important;
		margin-top: -15px;
		margin-left:10px;
	}

	/*-------------------------------------------------------
	Mobile Above Header
	-------------------------------------------------------*/

	.menu-top-container{
		display: none;
	}

	#header-container .container{
		height: 77px;
	}

	#mobile-nav-container,
	#mobile-header-info{
		display: block;
	}

	#mobile-header-info{
		text-align: center;
		background: #18234d;
		padding: 2.5px 0;
	}

	#mobile-header-info a{
		font-weight: normal;
		color: #fcf5e9!important;
		font-family: 'Bree Serif',Georgia,"Times New Roman",serif!important;
	}

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


	#main-footer p{
		font-size: 17px;
	}
	

}


@media only screen and (max-width:980px) {


	/*-------------------------------------------------------
	Buttons
	-------------------------------------------------------*/


	a.page-btn-cta{
		display: block;
		clear: both!important;
		margin:-20px auto 15px auto!important;
		width: 205px;
	}

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

	.footer-details > div, .footer-details #footer-phone{
		width: 100%;
		padding: 7px 15px;
	}



}



@media only screen and (max-width:800px) {

	.logo-seafood{
		float: none;
		display: block;
		margin: 0 auto 20px auto;
	}
	
}