/*
Theme Name: Primrose theme
Theme URI: http://www.rowdydigital.com.au
Description: Custom website theme
Version: 1.0
Author: Rowdy Digital
Author URI: http://www.rowdydigital.com.au
*/

@font-face { font-family: 'Gotham'; src: url(fonts/GothamHTF-Book.ttf) format('truetype'); font-style: normal; font-weight: normal; }
@font-face { font-family: 'Gotham'; src: url(fonts/GothamHTF-BookItalic.ttf) format('truetype'); font-style: italic; font-weight: normal; }
@font-face { font-family: 'Gotham'; src: url(fonts/GothamHTF-Medium.ttf) format('truetype'); font-style: normal; font-weight: 500; }
/*@font-face { font-family: 'Gotham', serif; src: url(fonts/GothamHTF-MediumItalic.ttf) format('truetype'); font-style: italic; font-weight: 500; }*/
@font-face { font-family: 'Gotham'; src: url(fonts/GothamHTF-Bold.ttf) format('truetype'); font-style: normal; font-weight: bold; }
/*@font-face { font-family: 'Gotham', serif; src: url(fonts/GothamHTF-BoldItalic.ttf) format('truetype'); font-style: italic; font-weight: 600; }*/


@font-face { font-family: 'Myanmar'; src: url(fonts/MyanmarMN.ttf) format('truetype'),url(fonts/MyanmarMN.otf) format('opentype'); font-style: normal; font-weight: normal; }
@font-face { font-family: 'Myanmar'; src: url(fonts/MyanmarMN-Bold.ttf) format('truetype'),url(fonts/MyanmarMN-Bold.otf) format('opentype'); font-style: normal; font-weight: bold; }


html, body {
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-family: 'Gotham', 'Myanmar', sans-serif;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 0.5px;
	min-width: 320px;
	color: #000;
}



a {
	text-decoration: none;
	transition: all 0.5s ease 0s;
}
	a:hover{
		transition: all 0.5s ease 0s;
	}
		.content p { line-height: 1.4em; }
		.content a{ /*color: #ee4576;*/  color:#f05c87;  }
			.content a:hover{ text-decoration: underline; }
		.content strong{ letter-spacing: 1px; }

h1, h2, h3, h4, h5 {
	padding: 0;
	margin-bottom: 20px;
	font-family: 'Myanmar', serif;
	font-style: normal;
	font-weight: normal;

}	
	.content h1{ color: #f05c87;}
	.content h1:first-of-type{margin-top: 0;}

	h1{ font-size: 46px; letter-spacing: 2px; }
	h2{ font-size: 36px; letter-spacing: 2px; }
	h3{ font-size: 28px; letter-spacing: 1px; }
	h4{ font-size: 22px; }
	h5{ font-size: 18px; }

	ol h3{
		font-size: 1.2em;
	}


/*---------------------------------------------------------Clearfix*/

.group:before,
.group:after {
    content: "";
    display: table;
} 
.group:after {
    clear: both;
}
.group {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.divline-clear{
	width:100%;
	clear:both;
	display: block;
	padding-bottom: 4px;
    margin-bottom: 4px;
}
	hr{
		width: 80%;
	    margin: 12px auto;
	    clear: both;
	    display: block;
	    border-collapse: collapse;
	    border-width: 1px 0 0 0;
	    border-style: solid;
	    border-color: #363636;
	}

	.divline-quote{
		background: url(images/icon-quote-open.png) no-repeat center center;/* 45 × 37 */
		height: 37px;
		width: 100%;
    	margin: 1em auto;
    	position: relative;
    	opacity: 0.9;
	}

/*---------------------------------------------------------Wrapper / Inner*/
		
.strip {
	width: 100%;
	margin: 0 auto;
	clear: both;
	position: relative;
}

	.strip .inner,
	.inner {
		width: 1280px;
		margin: 0 auto;
	}
	/*.inner.inner-wide{
		width: 1340px;
	}*/

	.bg-white{ background-color: #fff; color: #363636;}
	.bg-grey{ /*background-color: #3d3d3d;*/ background-color: #4a4a4a; color: #fff;}
	.bg-ivory{ background: #ebe8e1 url(images/ivory-bg.jpg) repeat top left; }

/*--------------------------------------------------------- Buttons & Bubbles Styles */
/* 
Note: The bubble is a wrapper inside the text div, do not apply to text div itself.
      There is 3px difference between the selector inserts :before/:after for a 2px bubble border.
	  To switch to right side, use "left: auto;" with a set right value.
*/
.bubble{
	border: 2px solid #ccc;
	padding: 0.2em 1.4em;
	margin-bottom: 20px;
	position: relative;
}
	.bubble:after{
		content: '';
		width: 0; 
		height: 0; 
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-top: 12px solid #fff;
		position: absolute;
		bottom: -12px;
		left: 30px;
	}
	.bubble:before{
	    content: '';
	    width: 0;
	    height: 0;
	    border-left: 13px solid transparent;
	    border-right: 13px solid transparent;
	    border-top: 15px solid #ccc;
	    position: absolute;
	    bottom: -15px;
	    left: 27px;
	}

.btn{
	display: block;
	clear: both;
	margin: 2em 0 1em 0;
}
	.btn a{
		font-size: 0.8em;
		letter-spacing: 0.5px;
		padding: 0.8em 1.2em;
		color: #fff;
		background-color: #f05c87;/*#ee4576;*/
		border:1px solid;
		border-color: #f05c87;/*#ee4576;*/
		display: inline-block;
   		*display:inline;zoom: 1;
   		border-radius: 4px;
   		text-decoration: none;
	}
		.btn a:hover{
			color: #f05c87;/*#ee4576;*/
			background-color: #fff;
			text-decoration: none;
		}

	.content .btn{
		margin: 1.2em 0;
	}
	.content .btn a{
		text-transform: uppercase;
	}

/*--------------------------------------------------------- WYSYWIG Image styles */

@media screen and (-webkit-min-device-pixel-ratio:0) { 
	img.round {
		border: none;
	} 
}

img.grayscale, .grayscale img, .grayscale { 
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

img.round {
	-webkit-border-radius: 95px;
	border-radius: 95px; 
	border: 3px solid #e6aa7d;
	padding: 0;
}

img{
	max-width: 100%;
	height: auto;
}

p img, 
.wp-caption img {
	padding: 0;
	max-width: 100%;
	height:auto;
	display: block;
}

img.aligncenter,
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright, 
img.alignleft {
	display: inline;
}

.alignright,
.attachment-alignright {
	margin: 0 0 10px 13px;
	float: right;
}

.alignleft,
.attachment-alignleft {
	margin: 0 13px 10px 0;
	float: left;
}


.wp-caption {
	background: none;
	padding: 2px 0 10px 0;
}

.wp-caption-text {
	width: 100%;
	margin: 5px 5px 0 0;
	font-size: 0.688em;
	line-height: 11px;
	color: #999999;
}

table {
	width: 100%;
	border-collapse: collapse;
	margin: 1.6em 0;
}
	table.alignright, table.alignleft {
		width: auto;
	}

	td, th{
		padding: 10px;
	}
		th{

			font-size: 1.2em;
			font-family: 'Myanmar', serif;
			font-weight: normal;
			color: #f05c87;
		}
		td{
			border: 1px solid #fac8d6;
		}

	tr:nth-child(odd) td{}
	tr:nth-child(even) td{}



/*------------------------------------------------------ WEBSITE Page styles */
/*-------- HEADER */

.header-inner{
	padding: 40px 0;
	text-align: center;
	opacity: 0.9;
}
	.site-logo{
		padding: 0 5%;
	}

	header .header-navigation{
		box-shadow: 0px 3px 6px rgba(0,0,0,0.2);
    	z-index: 2;
	}

	header .menu-mainnav-container{}

		header ul#menu-mainnav-1{
			list-style-type: none;
			padding: 0;
			margin: 0;
			height: inherit;
			float: right;
			/*text-transform: uppercase;*/
			position: relative;
			font-weight: 400;
			font-size: 17px;
			letter-spacing: 1.5px;
			display: block;
		}
			header ul#menu-mainnav-1 .menu-home{
				display: none;
			}
				header ul#menu-mainnav-1 > li {
					/*display: table-cell;zoom:1;*/
					display: inline-block;
					/*display: table-cell;*/
					white-space: nowrap;
					height: inherit;
					vertical-align: middle;
					/*background-color: #3d3d3d;*/
					background-color: transparent;
					transition: all 0.5s ease 0s;
				}
					header ul#menu-mainnav-1 > li > a{
						padding: 20px 38px;
						color: #fff;
						font-size: 1.11em;
						display: inline-block;
						*display:inline;zoom:1;
					}
						header ul#menu-mainnav-1 .search{
							padding-left: 0px;
							/*padding-right: 12px;*/
						}

					header ul#menu-mainnav-1 > li:hover{}
					header ul#menu-mainnav-1 > li.current-menu-item,
					header ul#menu-mainnav-1 > li.current-page-ancestor{
						/*background-color: #ee4576;*/
						background-color: #f05c87;
						transition: all 0.5s ease 0s;
					}
						header ul#menu-mainnav-1 > li:hover a{
							/*color: #ee4576;*/
							color: #f05c87;

						}
						header ul#menu-mainnav-1 > li.current-menu-item a,
						header ul#menu-mainnav-1 > li.current-page-ancestor a{
							color: #fff;
						}


						header ul#menu-mainnav-1 > li > .sub-menu{
							background: rgba(0,0,0,0.8);
							z-index: 3;
							position: absolute;
							/*text-align: left;*/
							list-style-type: none;
							color: #fff;
							padding: 1em;
							margin:0;
							display: none;		
						}
							header ul#menu-mainnav-1 > li:hover > .sub-menu{
								display: block;
							}
								header ul#menu-mainnav-1 > li > .sub-menu > li{
									border-bottom: 1px solid #fff;
								}
									header ul#menu-mainnav-1 > li > .sub-menu > li > a{
										padding: 10px 0;
										display: block;
									}
										header ul#menu-mainnav-1 > li > .sub-menu > li > a:hover,
										header ul#menu-mainnav-1 > li > .sub-menu > li.current-menu-item > a{
											/*color: ;*/
										}

form#search{
	border-radius: 4px;
	background: #fff;
	width: 170px;
	margin-right: 10px;
}
	form#search input {
	    padding: 6px 8px;
	    font-size: 13px;
	    overflow: hidden;
	    float: left;
	    border-radius: 4px;
	    border: 0;
	    width: 125px;
	}
		form#search input[type='text'] {
		    width: 200px;
		}
			form#search .search-button {
			    width: 40px;
			    overflow: hidden;
			    border-radius: 4px;
			}
				/*form#search .search-button:hover{ background-color: #f05c87; }*/
		form#search input[type=submit] {
		    cursor: pointer;
		    width: inherit;
		    text-indent: 50px;
		    color: transparent;
		    background: transparent url('images/icon-search.png') no-repeat;
		    background-position: 50% 50%;
		    transition: all 0.5s ease 0s;
		}

/*-------- HOME */
	#home-banner{
		height: 540px;
		background-repeat: no-repeat;
		background-position: top center;
		background-size: cover;
	}
		.bg-grayscale{
			background-blend-mode: luminosity;
	    	background-color: gray;
	    	/*dont want gray on pink button*/
		}

	.banner-shadow{ 
		height: inherit;
		background: rgba(0,0,0,0.1); 
	}


	.banner-inner{
		height: inherit;
	}
		.banner-content{
			height: inherit;
    		width: 64%;
    		margin-left: 80px;
		}


		.banner-tagline{
		    font-family: 'Myanmar', serif;		    
		    color: #fff;
		    /*color: #f05c87;*/
		    height: inherit;
		    display: table-cell;
		    vertical-align: middle;
		}
			.banner-tagline p {
				margin:0;
				font-size: 70px;
				letter-spacing: 1px;
				/*text-shadow: 2px 2px 10px rgba(0,0,0,0.4);*/
				text-shadow: 2px 2px 12px rgba(0,0,0,0.7);
			}
			.banner-tagline .btn a{
				font-size: 18px;
			    letter-spacing: 1.5px;
			    padding: 0.8em 1.8em;
			    font-family: 'Myamnar',sans-serif;
			}

	.homepage-blocks{
		width: 100%;
	}
		.homepage-blocks-inner{
			margin: 0 3%;
			margin-top: -100px;
			white-space: nowrap;
		}

		.homepage-blocks a{ color: #000; }
			.homepage-blocks a:hover{ /*color: #ee4576;*/ color: #f05c87; }
		.homepage-blocks p{ color: #363636; line-height: 1.2em;}
		.homepage-blocks h2{
			font-size: 30px;
			letter-spacing: 1px;
		}

	.homepage-block{
		width: 33%;
    	display: inline-block;
    	text-align: center;
   		vertical-align: top;
   		*display:inline;zoom:1;
   		white-space: normal;
	}
		.homepage-block-inner{
			margin: 0.5em;
    		background: #fff;
    		padding: 30px 10%;
    		border-radius: 4px;
    		box-shadow: 5px 5px 6px rgba(0,0,0,0.2),-2px -2px 6px rgba(0,0,0,0.2);
		}
			.homepage-block .block-thumb{
				height: 105px; width: 105px;
				background-repeat: no-repeat;
				background-position: center center;
				margin: 0 auto;
				opacity: 0.9;
			}
			.homepage-block .block-title{}
			.homepage-block .block-text{}
			.homepage-block .block-readmore{}

	.photo-content{
		width: 100%;
		margin: 10px auto;
		white-space: nowrap;
	}
		.photo-block{
			width: 33%;
    		display: inline-block;
    		*display:inline;zoom:1;
    		vertical-align: top;
    		white-space: nowrap;
		}
		.photo-block .photo-block-inner{
   		 	width: 98%;
   		 	margin: 1% auto;
		}
			.photo-block:nth-child(3n+1) .photo-block-inner{
				margin-left: 0;
			}
			.photo-block:nth-child(3n+2) .photo-block-inner{}
			.photo-block:nth-child(3n+3){
				clear: right;			
			}	
				.photo-block:nth-child(3n+3) .photo-block-inner{
					margin-right: 0;
				}
				.photo-block img{
					display: block;
				}


	.homepage-testimonials {
	    margin: 40px 4%;
	    text-align: center;
	}
		.homepage-testimonials h2{
			margin-top: 20px;
		}
		.testimonial-slider{
			position: relative;
		}
			.testimonial-slider-inner{
				position: relative;
				width: 66%;
	    		margin: 20px auto;
			}
			.slide{}
				.slide-text{
					font-size: 1.1em;
				    font-style: italic;
				    /*font-weight: 300;*/
				    line-height: 1.4em;
				    margin-bottom: 1.4em;
				}
				.slide-sign{
					font-size: 0.9em;
    				line-height: 1.4em;
    				font-weight: bold;
				}
			.testimonial-nav{
				width: 100%;
				margin: 0 auto;
				position: absolute;
			    top: 17%;
			    opacity: 0.9;
			    z-index: 101;
			}
				.testimonial-nav .cycle-prev{
					position: absolute;
					left: 0;
	    			margin-left: 10%;
				}
				.testimonial-nav .cycle-next{
					position: absolute;
					left:auto;
				    right: 0;
				    margin-right: 10%;
				}
	
	.main-inner{
		padding: 30px 0;
	}
		.main-inner .content{
			width: 60%;
			margin: 0 auto;
		}
		.main-inner .content h2:first-of-type{
			margin-top: 20px;
		}

/*-------- PAGE */

	#page-banner{
		height: 400px;
		background-repeat: no-repeat;
		background-position: top center;
		background-size: cover;		
	}

	.page-inner{
		background-color: #fff;
	}


	/*with sidebar*/
	.content-container{
		width: 60%;
		float: left;
		padding: 60px 0;
	}
		.content-container .content{
			min-height: 360px;
			padding-bottom: 40px;
			margin: 0 5% 0 10%;
		}
	.sidebar-container{
		width: 40%;
		float: left;
		padding: 60px 0;
	}
		.sidebar-container .sidebar{
			margin: 0 10%;
			padding-bottom: 40px;
			border-left: 1px solid #000;
    		padding-left: 15%;
		}

	/*without sidebar*/
	.page-content{
		width: 100%;
		padding: 60px 0;
	}
		.page-content .content{
			padding-bottom: 40px;
			margin: 0 5%;
			min-height: 360px;
		}


/*------------------------------------------------- Sidebar base style */

	.sidebox-nav-list{
		list-style-type: none;
		padding: 0;
		margin: 0;
	}
		.sidebox-nav-list > li{
			margin: 1em 0;
		}
			.sidebox-nav-list li.sidebox-heading{}
			.sidebox-nav-list li.sidebox-heading h3{
				margin-top: 0.5em;
			}
			.sidebox-nav-list .sub-menu{
				list-style-type: none;
			}
				.sidebox-nav-list .sub-menu li{
					margin: 6px 0;
				}
		
		/*add arrow to show item has children*/
		.sidebox-nav-list li.has-children a:after{
			content: '\25b8';
			padding-left: 10px;
		}
		.sidebox-nav-list li.has-children.current a:after,
		.sidebox-nav-list li.has-children.parent a:after{
			content: '\25be';
			padding-left: 10px;
		}
		.sidebox-nav-list li a{
			color: inherit;
		}
			.sidebox-nav-list:not(.nav-list-main) li:not(.sidebox-heading) a:after {
			    content: ' >>';
			    color: #f05c87;
			    margin-left: 1em;
			}
			.sidebox-nav-list li:hover a,
			.sidebox-nav-list li.current a{
				color: #f05c87;
			}


/*-------- FOOTER */

.footer{
	margin-top: 1%;
}
	.footer-inner{
		padding: 26px 0;
		text-align: center;
		font-size: 0.9em;
	}

	#menu-footernav{
		list-style-type: none;
		margin:0;
		padding:0;
	}
		#menu-footernav li{
			display: inline-block;
			*display: inline; zoom:1;
			padding: 0 16px;
		}
			#menu-footernav li a{
				color: inherit;
			}
			#menu-footernav li.menu-item{
				border-right: 1px solid;
			}

/*--------------------------------- FORM / GFORM STYLES */

	.gform_wrapper.nolabels_wrapper form,
	.gform_wrapper.nolabels_wrapper form li, 
	.gform_wrapper.nolabels_wrapper li{
		overflow: visible;
		overflow-x: visible;
	}
	
	.gform_wrapper.nolabels_wrapper{ margin-top: 2em; }
		.gform_wrapper.nolabels_wrapper ul li.gfield .gfield_label{ display: none; }


	.gform_wrapper#gform_wrapper_1{
		width: 60%;
		margin: 0 auto;
	}
		.gform_wrapper.inlinefields_wrapper ul.gform_fields li.gfield{
			display: inline-block;
			*display: inline;zoom:1;
		}
			.gform_wrapper.inlinefields_wrapper ul.gform_fields li.gfield.half-width{
				width: 50%;
				padding: 0 6px;
			}
			.gform_wrapper.inlinefields_wrapper ul.gform_fields li.gfield.full-width{
				width: 100%;
				padding: 0 6px;
				margin: 1% auto;
			}
				.gform_wrapper.inlinefields_wrapper ul.gform_fields li input,
				.gform_wrapper.inlinefields_wrapper ul.gform_fields li textarea{
					width: 100%;
					border-radius: 4px;
					border:0;
					padding: 8px 16px!important;
					font-size: 0.9em!important;
				}

	.gform_wrapper#gform_wrapper_1 .gform_footer{
		text-align: center;
		margin-top: 0;
	}
		.gform_wrapper input.button, 
		.gform_wrapper input[type=submit]{
			letter-spacing: 0.5px;
		    padding: 0.6em 1.4em;
		    color: #fff;
		    background-color: #f05c87;
		    border: 1px solid #f05c87;
		    border-radius: 4px;
		    margin: 0!important;
		    font-size: 0.9em!important;
		    transition: all 0.5s ease 0s;
		}
			.gform_wrapper input.button:hover, 
			.gform_wrapper input[type=submit]:hover{
				color: #f05c87;
				background-color: #fff;
				transition: all 0.5s ease 0s;
			}


	.gform_wrapper ul.gform_fields li.gfield label.gfield_label{
		font-size: 18px;
		font-family: 'Myanmar', serif;
    	font-weight: normal;
	}
		.gform_wrapper ul.gform_fields li.gfield label.gfield_label .gfield_required{
			color: #f05c87;
		}

	.gform_wrapper ul.gform_fields li.gfield input,
	.gform_wrapper ul.gform_fields li.gfield input[type="text"],
	.gform_wrapper ul.gform_fields li.gfield textarea{
		border: 1px solid #4a4a4a;
		border-radius: 4px;
    	line-height: 1.4em;
    	text-indent: 0.5em;
	}
		body:not(.home) .gform_wrapper input[type=submit]{
			text-transform: uppercase;
			font-size: 1em!important;
		}

	/*FORM PLACEHOLDERS COLOR*/
	form ::-webkit-input-placeholder { 
	    color: rgba(0,0,0,0.9);
	}
	form :-moz-placeholder {
	  color: rgba(0,0,0,0.9);
	   opacity:  1;
	}
	form ::-moz-placeholder {
	   color: rgba(0,0,0,0.9);
	   opacity:  1;
	}
	form :-ms-input-placeholder {
	 	color: rgba(0,0,0,0.9);
	}
	form :placeholder-shown {
	   color: rgba(0,0,0,0.9);
	}


/*---------------------------------------------------- Pagination base style */

	.pagination{
		margin-top: 30px;
		border-top: 1px solid #f7f7f7;
	    padding-top: 20px; 
		width:100%;
		display: block;
		clear:both;
	}
		.pagination a{
			font-weight: 400;
		}
		.pagination .paged-content{
			margin: 0 40px;
			padding: 12px 0;
		}
		.paged-content .half-left{
			width: 50%;
			text-align: left;
			float:left;
			min-height:1px;
		}
		.paged-content .half-right{
			width: 50%;
			text-align: right;
			float:left;
			min-height:1px;
		}

/*----------------------------------------- Cycle slideshow pager base style */

	.cycle-pager{
		z-index: 101;
		width: 100%;
		text-align: center;
    	position: absolute;
   		bottom: 60px;
	}
		.cycle-pager span{
			font-size: 50px;
		    color: #545458;
		    display: inline-block;
		    *display:inline;zoom:1;
		    height: 19px;
		    width: 19px;
		    overflow: hidden;
		    line-height: 26px;
		    margin: 0 5px;
		    cursor: pointer;
		    text-align: center;
		}
		.cycle-pager span.cycle-pager-active{
			color: rgba(255,255,255,0);
			border: 4px solid #545458;
    		height: 10px;
    		width: 10px;
    		border-radius: 50%;
		}


/*-------------------mobile nav ----- */


.burger {
	display: none;
	float: left;
	cursor: pointer;
    width: 50px;
    height: 50px;
    background: url(images/burger2x.png) no-repeat center center / 50px auto;
    margin: 0.2em 0.8em;
}

	/*.burger img { width: 50px; height: auto; }*/


.mobile-side {
	position: absolute;
	z-index: 120;
	/*background: #000;*/
	/*background: rgba(255, 255, 255, 0.9);*/
	background: #e7e7e7;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	width: 300px;
	left: -400px;
	top: 10px;
	color: #000;
	/*height: 100vh;*/
	transition: left 0.5s;
	padding: 0px 0px 0px 0px;
}

	.mobile-side .home {
		color: #000;
		display: block;
		padding: 10px 0px 10px 20px;
	}

	.mobile-side .close {
		cursor: pointer;
		background: #4A4A4A;
		color: #fff;
		text-align: right;
		padding: 5px 10px 5px 0px;
	}

	.mobile-side ul {
		clear: both;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		list-style: none;
	}

		.mobile-side ul li {
			/*border-bottom: 1px solid #be2026;*/
		}

			.mobile-side ul li a {
				color: #000;
				display: block;
				padding: 10px 0px 10px 20px;
				background: #f2f2f2;

			}

				.mobile-side ul li ul {
					margin: 0px 0px 0px 20px;
					padding: 0px 0px 0px 0px;
				}

					.mobile-side ul li ul li a {
						background: #e7e7e7;;
					}


/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*-------------------------------------------------------- RESPONSIVE STYLES */
/*---------------------------------------------------------------------------*/
/* Full width of strip inner */
@media only screen and (max-width : 1280px) {

	.strip .inner, .inner{
		width: 100%;
	}

	header ul#menu-mainnav-1 > li > a{
		padding: 20px 28px;
		font-size: 1em;
	}
		header ul#menu-mainnav-1 .search{
			padding-left: 12px;
		}

	#page-banner{
		height: 360px;
	}


	.banner-content {
		margin: 0 auto;
		text-align: center;
	}

	.banner-tagline p {
		font-size: 60px;
	}

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

	header ul#menu-mainnav-1 > li > a{
		padding: 20px 18px;
	    font-size: 0.97em;
	}
	.sidebox-nav-list li.sidebox-heading h3{
		font-size: 22px;
	}

	#page-banner{
		height: 320px;
	}

}

/* iPad width */
@media only screen and (max-width : 1024px) {

	#page-banner{
		height: 260px;
	}

	#home-banner{
		height: 360px;
	}
		/*.banner-content{
			width: 80%;
			margin-left: 5%;
		}*/
			.banner-tagline p{
				font-size: 52px;
			}
			.banner-tagline .btn a{
				font-size: 1em;
			}

	.homepage-block  {
		display: block;
		margin: 0 auto 30px auto;
		width: 60%;
	}

	.homepage-blocks-inner{
		margin-top: 20px;
	}
		.homepage-block .block-thumb{
			width: 80px;
    		height: 80px;
    		background-size: contain;
		}
		.homepage-block-inner{
			padding: 20px 8%;
		}
		.homepage-blocks h2{
			font-size: 24px;
		}





	.testimonial-nav .cycle-prev,
	.testimonial-nav .cycle-next{
		margin-left: 0;
		margin-right: 0;
	}
	.main-inner .content{
		width: 90%;
	}	


	.photo-content {
		text-align: center;
	}

	.photo-block {
		width: 28%;
	}

	header ul#menu-mainnav-1 {
		float: none;
		text-align: center;
		display: block;
	}

	header ul#menu-mainnav-1 > li {
		display: inline-block;
	}


	header ul#menu-mainnav-1 > li.menu-item-20 {
		display: block;
	}

	header ul#menu-mainnav-1 > li#menu-item-search {
		display: block;
		margin: 0 auto;
	}

	header ul#menu-mainnav-1 .search {
		text-align: center;
	}

	form#search {
		display: inline-block;
		margin-bottom: 30px;
	}




}

/* iPad width + switch to responsive */
/* ps. mobile screen flip somewhere between 640~740px don't fix large divs to top */
@media only screen and (max-width : 768px) {	
	.strip .header-inner{
		width: 90%;
		padding: 2em 0;
	}
	#page-banner{
		height: 160px;
	}

	.content-container{
		width: 100%;
	}
		.content-container .content{
			min-height: 0;
			padding-bottom: 0;
		}
	.sidebar-container{
		width: 100%;
		padding: 0;
		padding-bottom: 20px;
	}
		.sidebar-container .sidebar{
			border-left: 0;
			padding: 0;
    		padding-bottom: 20px;
		}
		.sidebar-container .sidebar:first-of-type{
			border-top: 1px solid;
    		padding-top: 30px;
		}



	header .menu-mainnav-container {
		display: none;
	}

	.burger {
		display: block;
	}

	form#search {
		margin: 20px 0px 20px 20px;
	}

	.banner-tagline p {
	    font-size: 38px;
	    line-height: 55px;
	}


	.gform_wrapper.inlinefields_wrapper ul.gform_fields li.gfield.half-width {
		width: auto;
		text-align: center;
		margin: 0px 0px 0px 0px;
	}

	.gform_wrapper.inlinefields_wrapper ul.gform_fields li.gfield.half-width .ginput_container {
		width: 100%;
		display: inline-block;
	}

	.gform_wrapper.inlinefields_wrapper ul.gform_fields li.gfield {
		display: block;
	}

}


@media only screen and (max-width : 640px) {
	.homepage-block {
		width: 90%;
	}


	.banner-tagline p {
		line-height: 41px;
	}

	.homepage-block .block-thumb {
	    width: 50px;
	    height: 48px;
	}

	.homepage-blocks h2 {
		font-size: 17px;
	}

	.homepage-blocks p {
		font-size: 15px;
	}

	.gform_wrapper#gform_wrapper_1 {
		width: auto;
	}

}



@media only screen and (max-width : 480px) {
	#page-banner{
		height: 80px;
	}
	#menu-footernav li{
		display: block;
    	padding: 6px 12px;
    	margin: 4px 5%;
	}
		#menu-footernav li.menu-item{
			border-right: 0;
		}
	h1{ font-size: 36px; }
	h2{ font-size: 30px; }
	h3{ font-size: 24px; }
	h4{ font-size: 20px; }
	h5{ font-size: 18px; }
}


/** PRINT ***/
@media print {
	.header { display: none; }
	.sidebar { display: none; }
	.footer { display: none; }
}