/*
Theme Name:  Brisbane Backline
Theme URI:   https://brisbanebackline.inprog.com.au
Version:     1.0
Description: A child theme of Divi. This is a custom child theme created for our site Brisbane Backline.
Author:      zadmin
Author URI:  https://brisbanebackline.inprog.com.au
Template:    Divi
*/

/*- Add any CSS custom code for this child theme below this line -*/
.caldera-grid .form-control {
	height: 42px;
	padding: 12px 18px !important;
}

.sub-menu {
	background-color: rgba(0, 0, 0, 0.9);
}

.mixed-h {
	text-align:center;
	text-transform: uppercase;
}

.mixed-h h1, .mixed-h h2, .mixed-h h3, .mixed-h h4, .mixed-h h5, .mixed-h h6 {
	display:inline;
	text-align:center;
}

.container {
  width: 89%;
  max-width: 2560px;
  margin: auto;
  position: relative;
}

#et-info-phone {
	font-size: 22px;
	font-weight: normal;
}

#et-info-phone::before {
	transform: rotate(42deg);
	display: inline-block;
}

input[type="button"].ninja-forms-field {
	color: #ffffff !important;
	border-color: #a89366 !important;
	border-radius: 6px;
	letter-spacing: 1px;
	font-size: 18px;
	text-transform: uppercase !important;
	background-color: #a89366 !important;
	padding-top: 10px !important;
	padding-right: 30px !important;
	padding-bottom: 10px !important;
	padding-left: 30px !important;
}

input[type="button"].ninja-forms-field:hover {
	color: #a89366 !important;
	border-color: #fff !important;
	border-radius: 6px;
	letter-spacing: 1px;
	font-size: 18px;
	text-transform: uppercase !important;
	background-color: #fff !important;
	padding-top: 10px !important;
	padding-right: 30px !important;
	padding-bottom: 10px !important;
	padding-left: 30px !important;
}

.nf-form-fields-required {
  display: none;
}

#centerLogo {
	top: -5px;
	width: 390px;
}

#footer-bottom {
	margin-top:15px;
}

.overlay-container {
  position: relative;
  text-align: center;
  line-height:0 !important;
}

.overlay-dark {
	position: absolute;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,.6);
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 5px;
}

.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.over-img-text {
	font-size: 3rem;
	text-transform: uppercase;
	color: #FFF;
	line-height: 3rem;
	font-family: Brothers;
	font-weight: 400;
}

.over-img-text small {
	font-size: 2rem;
	text-transform: uppercase;
	color: #FFF;
	line-height: 2rem;
	font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif;
	font-weight: 400;
	clear:both;
}

.over-img-text-orig {
	font-size: 65px;
	text-transform: uppercase;
	color: #FFF;
	line-height: 65px;
	font-family: Brothers;
	font-weight: 600;
  -webkit-text-fill-color: white; /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 3px;
  -webkit-text-stroke-color: black;
}

.white .sa_owl_theme .owl-nav .owl-next {
	background: rgba(0,0,0,0) url('../images/icon_next.png') no-repeat center center !important;
}

.white .sa_owl_theme .owl-nav .owl-prev {
	background: rgba(0,0,0,0) url('../images/icon_previous.png') no-repeat center center !important;
}




/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	/* Styles */
	#et-info-phone {
		font-size: 21px;
		font-weight: normal;
		margin-right: -15px;
	}
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
	/* Styles */
	#et-info-phone {
		font-size: 19px;
		font-weight: normal;
		margin-right: -15px;
	}
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
	/* Styles */
	#et-info-phone {
		font-size: 21px;
		font-weight: normal;
		margin-right: -15px;
	}
}

#footer-widgets .footer-widget li {
  padding-left: 0px;
  position: inherit;
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
	#et-info-phone {
		font-size: 19px;
		font-weight: normal;
		margin-right: -15px;
	}
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}