/*Colour Preferences 
	Body text: #333333
	Headings: #242424
	Blue span Headings: #68cdf2
	Blue Banners: #74d1f6
	button background: #74d1f6
	button hover backround: #13b6f2


/*

 
/* General */
body {
  	background-color: #fff;
  	font-family: "Open sans",Arial,Helvetica,san-serif;
	font-size: 16px;
	color: #333333;
  		  
}

/* ==== Global ===*/
h1,h2,h3,h4,h5,h6 {
  	-webkit-font-smoothing: antialiased;
	text-rendering: optimizelegibility;
  	font-family: "Comfortaa","philosopher","libre baskerville","bree serif";
	font-weight: bold;
    color: #242424; 
}

.wpb_row {
	margin-bottom: 0;
}

.vc_column-inner {
	padding-top: 0 !important;
}

.uppercase {
	text-transform: uppercase;
}

.content-headings h2{
	font-size: 2.7em;
  	
}

span.color-blue {
	color: #68cdf2;
}

.semibold {
	font-weight: 600;
  	margin-bottom: 10px;
}

.content-subheading {
	font-size: 1.2em;
}

/*layout for header*/


#logo-container {
  	margin-top: 25px; 
  	}

.logo img{
	margin: 0 auto;
}

.infoTopWrap {
  margin-top:30px;
  text-align: center;
  
 
}

.info-image {
	display: inline-block;
  padding-right: 28px;
  vertical-align: middle;
}

.tagline h3{
	font-size: 1.8em;
  	line-height: 1.8em;
}

.menuTopWrap {
  	background-color: #74d1f6;
    line-height: 55px;
  	margin-top: -30px;
  	margin-bottom:6px;
  	box-shadow: 3px 3px 7px grey; 
  	-moz-box-shadow: 3px 3px 7px grey;
  	-webkit-box-shadow: 3px 3px 7px grey;
  

}


nav.nav-holder {
  width: 800px;
  margin-right: -10px;
 
}

.nav-holder ul li {
	padding:0;
  	border-right:1px solid #C7EDFB;
  	
}

.nav-holder ul li:last-child {
	border-right: none;
}

.nav-holder .navigation>li>a {
	/*padding: 0 40px !important;*/
  	margin: 0;
  width: 178px;
  text-align: center;
  
}


.nav-holder ul a{
  	font-family: "Comfortaa";
  	font-size: 1.0em;
  	font-weight: 200;
	text-decoration: none;
  	text-transform: uppercase;
  	color: #fff;
  	
}
.nav-holder ul a:hover{
  	text-decoration: none;
  	background-color: #c7edfb;
  	border-left: solid 1px #74d1f6;
  	border-right: solid 1px #74d1f6;
  	color: #15bcfd;
  	
}

.nav-holder ul li.current-menu-item>a {
	background-color: #c7edfb;
  	color: #15bcfd;
  
}

/*responsive side menu toggler*/
.sidr-toggler .fa {
	font-size: 1.3em;
  	font-weight: bold;
  	margin-left: 40px;
}


/*footer*/
.vc_custom_1452647071825 {
	padding-top: 20px !important;
}
.footer {
	font-size: .8em;
  	font-weight: 300;
}


.footer-left {
	text-align: left;
  	margin-bottom: 20px;
}

.footer-right {
	text-align: right;
  	margin-bottom: 20px;
}


/*set container width*/
.content-container {
  width: 90%;
  margin: 0 auto;
}

/*landing page*/

div.wpb_revslider_element.wpb_content_element{
	margin-bottom: 0 !important;
}

.ubtn-ctn-center{
  margin-bottom: 0 !important;
}

.call-to-action-button{
	line-height: 175px ;
}


.aio-icon-img img.img-icon {
	border: 1px solid #fff;
  	border-radius: 50% !important;
  	-moz-border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
}

.circle-icon .aio-icon-description {
	padding: 0 40px;
  	font-family: "Open sans";
  	font-weight: 300;
  
}

/*services page*/

#services {
  
  	background: url(http://petaholics.com.au/wp-content/uploads/services-bg-with-text.jpg) center top no-repeat;
  	background-size: contain;
  	}

.services-mobile {
	display: none;
}

.text-separator {
	font-size: 1.2em;
  text-align: center;
}

/*contact page*/

.dhvc-form-submit, .dhvc-form-submit:hover, .dhvc-form-submit:active, .dhvc-form-submit:focus {
	float:left;
  	border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
 	 box-shadow: 2px 4px 8px 0 grey;
    -moz-box-shadow: 2px 4px 8px 0 grey;
    -webkit-box-shadow: 2px 4px 8px 0 grey;
}

.dhvc-form-message {
  	padding-top: 25px !important;
    color: green;
  }
  
/* Mobiles in Potrait mode */
@media only screen
and (max-width : 320px) {
 	 p { font-size: .9em;}
  	.content-headings h2 { font-size: 1.9em;}
  
  	/*header*/
	.info-image {  display: none;}
  	.infoTopWrap .tagline { max-width: 320px; margin-bottom: 25px; }
  	.tagline h3 { font-size: 1.6em;}
  
  	/*landing page*/
  	.uavc-list-content span.uavc-list-desc {font-size: .9em;}
  	h2.call-to-action-text { font-size: 1.6em !important;}
	h3.call-to-action-text { font-size: 1.1em; !important}
  	.call-to-action-button { line-height: 140px; !important}
  
  	/*services page*/

	#services {  
  	background: url(http://petaholics.com.au/wp-content/uploads/services-bg3.jpg) center top no-repeat;
  	background-size: contain;
  	}
  
  	.services-mobile{ display: block;}
  
  	/*footer*/
  	.footer {font-size: .6em;} 
  	.footer-left, .footer-right {text-align: center;}
  	.footer-left {margin-bottom:0;}
}
 
/* Mobiles in landscape mode */
@media only screen
and (min-width : 321px)
and (max-width : 480px) {
  	p { font-size: .9em;}
  	.content-headings h2 { font-size: 2.0em;}
  
  	/*header*/
	.info-image {  display: none;}
  	.infoTopWrap .tagline { max-width: 480px; margin-bottom: 25px; }
  	.tagline h3 { font-size: 1.6em;}
  
  	/*landing page*/
  	.uavc-list-content span.uavc-list-desc {font-size: .9em;}
  	h2.call-to-action-text { font-size: 1.6em !important;}
	h3.call-to-action-text { font-size: 1.1em; !important}
  	.call-to-action-button { line-height: 140px; !important}
  
  	/*footer*/
  	.footer {font-size: .6em;} 
  	.footer-left, .footer-right {text-align: center;}
  	.footer-left {margin-bottom:0;}
  
  	/*services page*/

	#services {  
  	background: url(http://petaholics.com.au/wp-content/uploads/services-bg3.jpg) center top no-repeat;
  	background-size: contain;
  	}
  	.services-mobile {display:block;}
  	
  
}
/* Small Tablets Portrait Mode*/
@media only screen
and (min-width : 481px)
and (max-width : 600px) {
	.content-headings h2 { font-size: 2.5em;}
  
  	/*header*/
  	.info-image.email-img { display:none;}
  	.infoTopWrap { max-width: 600px;}
  	.infoTopWrap .tagline { max-width: 600px; margin-bottom: 25px; }
  	.tagline h3 { font-size: 1.6em;}
  
  	/*landing page*/
  	h2.call-to-action-text { font-size: 1.6em !important;}
	h3.call-to-action-text { font-size: 1.1em; !important}
  	.call-to-action-button { line-height: 140px; !important}
  
  	/*footer*/
  	.footer {font-size: .6em;} 
  	.footer-left, .footer-right {text-align: center;}
  	.footer-left {margin-bottom:0;}
}

/* Small Tablets Landscape Mode*/
@media only screen
and (min-width : 601px)
and (max-width : 800px) {
	.content-headings h2 { font-size: 2.5em;}
  
  	/*header*/
  	.infoTopWrap .tagline { max-width: 800px; margin-bottom: 25px; }
  	.tagline h3 { font-size: 1.6em;}
  	nav.nav-holder {max-width: 745px;}
  .nav-holder .navigation>li a {margin: 0;  width: 165px;  text-align: center; }
  
  	/*landing page*/
  	h2.call-to-action-text { font-size: 1.6em !important;}
	h3.call-to-action-text { font-size: 1.1em; !important}
  	.call-to-action-button { line-height: 180px; !important}
  	button.ubtn-normal {padding: 15px 20px;}
  
  	/*footer*/
  	.footer {font-size: .6em;} 
  	.footer-left, .footer-right {text-align: center;}
  	.footer-left {margin-bottom:0;}
}

/* Tablets */
@media only screen
and (min-width : 801px)
and (max-width : 991px) {
	.content-headings h2 { font-size: 2.6em;}
  
  	/*header*/
  	.infoTopWrap { max-width: 745px; }
  	.tagline { margin-bottom: 25px; }
  	.tagline h3 { font-size: 1.7em;}
  	nav.nav-holder { width: 745px;}
 	.nav-holder .navigation>li>a {/*padding: 0 40px !important;*/  	margin: 0;  width: 165px;  text-align: center; }
  
  	/*landing page*/
  	h2.call-to-action-text { font-size: 1.7em !important;}
	h3.call-to-action-text { font-size: 1.2em; !important}
}

@media only screen
and (min-width : 992px)
and (max-width : 1024px) {
	.content-headings h2 { font-size: 2.6em;}
  
  	/*header*/
  	.infoTopWrap { max-width: 640px; }
  	.tagline h3 { font-size: 1.7em;}
  	nav.nav-holder { width: 640px;}
 	.nav-holder .navigation>li>a {/*padding: 0 40px !important;*/  	margin: 0;  width: 138px;  text-align: center; }
  	
	/*landing page*/  
  	h2.call-to-action-text { font-size: 1.7em !important;}
	h3.call-to-action-text { font-size: 1.2em; !important}
}

/*laptops*/
@media only screen
and (min-width : 1025px)
and (max-width : 1200px) {
  
  	/*header*/
	.infoTopWrap { max-width: 640px; }
  	nav.nav-holder { width: 640px;}
 	.nav-holder .navigation>li>a {/*padding: 0 40px !important;*/  	margin: 0;  width: 138px;  text-align: center; }
  
  	
}