@charset "UTF-8";
/* Authored by Christiana Basham for Sisters for Animals */

/*green #bbde6a orange #e1a624 brown #ad8a59 purple #5e4a5d gray #cfc9ce */

article, section, header, footer, nav, html, body, p, h1, h2, h3, div, a, ul, li {
	  margin: 0;
	  padding: 0;
}

html {
    background-color: #cfc9ce;
}

body {
	  margin: 0 auto; 
      padding: 2%;
	  background: #fff; 
	  font: Arial, Helvetica, sans-serif;
	  width:90.196078431373%;
      max-width: inherit;
      min-width: 350px;
}

header {
	width: 100%;
}

h1 {
    font-family: 'Courgette', cursive;
    font-size: 300%;
    margin-bottom: 1%;
    display: inline-block;
    margin-bottom: 1%;
    width: 100%;
    text-align: center;
}

header a {
    color: #6E5C6D;
    text-decoration: none;
    -moz-text-shadow: 2px 2px 12px rgba(100,100,100,.8);
    -webkit-text-shadow: 2px 2px 12px rgba(100,100,100,.8);
    text-shadow: 2px 2px 12px rgba(100,100,100,.8);
}

header a:hover {
    color: #5e4a5d;
    text-decoration: none;
    -moz-text-shadow: 5px 10px 12px rgba(100,100,100,.9);
    -webkit-text-shadow: 5px 10px 12px rgba(100,100,100,.9);
    text-shadow: 5px 10px 12px rgba(100,100,100,.9);
}

h2 {
    font-family: 'Courgette', cursive;
    font-size: 110%;  
}

.tagline {
    display:inline-block;
    width:100%;
    text-align: center;
    color: #8e808e;
    letter-spacing: .25em;
    margin-bottom: 20px;
}

h2.pageID {
    color: #6E5C6D;
    display:inline-block;
    margin: 20px 0 0 5%; 
    font-size: 200%; 
}

.mainContent {
    margin: 0 auto;
    margin-bottom: 5%; 
    margin-top: 2%;
    padding-left: 5.5%;
	width: 100%;
}

section.pageInfo {
    width: 91%;
    margin-bottom: 2%;
	float: left;
    }

.columns {
    margin: 0 auto;
    height: 100%;
    }

section a:link {
    color: #6e5c6d;   
}

section a:visited {
    color: #635c5e;  
}

section a:hover {
    color: #5e4a5d;  
}

section a:active {
    color: #a08084;  
}

section.main {
	width: 29.411764705882%;
    margin: auto;
    margin-bottom: 2%;
	float: left;
}

.main p {
	width: 90%;
	margin: 2% 5%;
}  
 
.main p a {
    clear: both;
   /*display: inline-block;
    text-align:right;
    margin-bottom: 5%; */
}

.main h2 {
	width: 90%;
	margin: 2% 5%;
}  

.firstColumn {
	background-color: #bbde6a;
	min-height: 570px;
}

.main .firstColumn a {
	background-color: #bbde6a;
}

section p, h2{
    margin: 1%;
}

section.firstColumn:hover {
	width: 33.333333333332%;
	margin: 0;
    margin-bottom: 2%;
	float: left;
    position: relative;
    z-index: 5;
    -moz-box-shadow: 8px 10px 12px rgba(100,100,100,.8);
    -webkit-box-shadow: 8px 10px 12px rgba(100,100,100,.8);
    box-shadow: 8px 10px 12px rgba(100,100,100,.8);
}


.secondColumn {
	background-color: #e1a624;
	min-height: 570px;
}

section.secondColumn:hover {
	width: 33.333333333332%;
	margin: 0;
    margin-bottom: 2%;
	float: left;
    position: relative;
    z-index: 5;
    -moz-box-shadow: 8px 10px 12px rgba(100,100,100,.8);
    -webkit-box-shadow: 8px 10px 12px rgba(100,100,100,.8);
    box-shadow: 8px 10px 12px rgba(100,100,100,.8);
}

.thirdColumn {
	background-color: #92e1d5;
    min-height: 570px;
}

section.thirdColumn:hover {
	width: 33.333333333332%;
	margin: 0;
    margin-bottom: 2%;
	float: left;
    position: relative;
    z-index: 5;
    -moz-box-shadow: 8px 10px 12px rgba(100,100,100,.8);
    -webkit-box-shadow: 8px 10px 12px rgba(100,100,100,.8);
    box-shadow: 8px 10px 12px rgba(100,100,100,.8);
}

img {
    width: 90%;
	height: auto;
	margin: 5%;
}

footer {
	clear: both;
    padding: 5% 0 2% 0;
    border-top: 1px solid #efedef;
    width: 100%;
	
}

/* ---------Styles for destination pages--------------- */

/* ----------BEGIN Amazin Grazers------------------------------------ */

.grazers {
   padding: 2% 0; 
}

.grazers img {
    width: 30%;
    height: auto;
    float: left;
    margin: 0 2% 2% 0;
}

.grazers h2 {
    color: #bbde6a;
    font-size: 200%;
    
}

.grazers h3 {
    color: #bbde6a;
    font-size: 150%;
    
}

.grazers p {
    margin: .25em 0 2% 2%;
    text-align: justify;
}

.grazers ul {
    margin: .25em 0 2% 0;
    text-align: justify;  
}

.grazers li { 
    list-style: none;
    margin-bottom: 10px;
}

.grazers .linkOut  {
    display: inline-block;
    width: 100%;
    margin: 20px 0 2% 0;
    font-size: 110%;
    color:#96B255;
}

section.grazers .linkOut a:link {
    color:#708540;
}

section.grazers .linkOut a:visited {
    color:#708540;
}

section.grazers .linkOut a:hover {
    color:#4B592A;
}

section.grazers .linkOut a:active {
    color:#252C15;
}

/* ----------END Amazin Grazers------------------------------------ */

/* ----------BEGIN Julie Austin Photography------------------------ */

.jaustin {
   padding: 2% 0; 
}

.jaustin img {
    width: 30%;
    height: auto;
    float: left;
    margin: 0 2% 2% 0;
}

.jaustin h2 {
    color: #e1a624;
    font-size: 200%;
    
}

.jaustin h3 {
    color: #e1a624;
    font-size: 150%;
    
}

.jaustin p {
    margin: .25em 2% 2% 2%;
    text-align: justify;
}

.jaustin blockquote {
   font-style: italic;
   font-weight: bold;
   background-color: #FCF6E9;
   width: 62%;
   margin-left: 33%;
   box-sizing: border-box;
   padding: 1%;
}

.jaustin .linkOut  {
    display: inline-block;
    width: 100%;
    margin: 20px 0 2% 0;
    font-size: 110%;
}

section.jaustin p.linkOut {
    color:#000;
}

section.jaustin .linkOut a:link {
    color:#CA9520;
}

section.jaustin .linkOut a:visited {
    color:#CA9520;
}

section.jaustin .linkOut a:hover {
    color:#B4851D;
}

section.jaustin .linkOut a:active {
    color:#705312;
}

/* ----------END Julie Austin Photography------------------------ */

/* ----------BEGIN Beyond Barking ------------------------------- */

.beyond {
   padding: 2% 0; 
}

.beyond img {
    width: 30%;
    float: left;
    margin: 0 2% 0 0;
}

.beyond h2 {
    color: #92E1D5;
    font-size: 200%;
    
}

.beyond h3 {
    color: #92E1D5;
    font-size: 150%;
    
}

.beyond p {
    margin: .25em 2% 2% 2%;
    text-align: justify;
}

.beyond ul {
    display: inline-block;
    margin: 5% 0 2% 0;
    text-align: justify;  
}

.beyond li { 
    list-style: none;
    margin-bottom: 10px;
}

.beyond blockquote {
   font-style: italic;
   font-weight: bold;
   background-color: #F4FCFB;
   width: 62%;
   margin-left: 33%;
   box-sizing: border-box;
   padding: 1%;
}

p.headline {
   color: #588780;
   font-size: 110%;
   display:inline-block;
   margin-left: 2%;
   margin-bottom: 4%;
}

.headline strong {
   color: #75B4AA;
   font-size: 120%;
   margin-bottom: 2px;
}

.beyond .linkOut  {
    clear: both;
    display: inline-block;
    width: 100%;
    margin: 20px 0 2% 0;
    font-size: 110%;
}

.jaustin p.linkOut {
    color:#83CAC0;
}

section.beyond .linkOut a:link {
    color:#669e95;
}

section.beyond .linkOut a:visited {
    color:#669e95;
}

section.beyond .linkOut a:hover {
    color:#588780;
}

section.beyond .linkOut a:active {
    color:#3A5A55;
}


/* ----------END Beyond Barking ------------------------ */

/* ----------BEGIN Contact page ------------------------ */

section.contact {
    padding-left: 2%;
}

form>div {
    margin-top: 20px;
}

label, legend {
   color:#6E5C6D; 
}

.contact p {
   margin-left: 0;
   margin-top: 2%;
}

/* ----------END Contact page ------------------------ */

/* END Styles for destination pages*/

/*Styles for embeds*/

div.embed-container {
		position: relative; 
		padding-bottom: 56.25%;
		height: 0; 
		overflow: hidden; 
		max-width: 100%;
		} 
		
div.embed-container iframe {
		position: absolute; 
		top: 0; 
		left: 0; 
		width: 100%; 
		height: 100%;
		overflow: hidden;
		}
/*End embed styles*/

/* START RECAPTCHA STYLES */

label {
	display:inline-block;
	margin-bottom:10px;
}	

.contact-feedback img {
		width:100%;
	}


	
	/* writes to small text above reCAPTCHA upon failure */
.dateFeedback{
		font-size:150%;
		font-weight:bold;
		color:#f00;
	}
body {
		min-width:320px; /* reCAPTCHA is 318px */
	}
/* these 2 rules reposition the reCAPTCHA widget a bit to the left */
#recaptcha_widget_div{position:relative;}
#recaptcha_area {
		position:relative;
		left:-4px;
	}

	/* END RECAPTCHA STYLES */


/* RESPONSIVE BREAK POINTS AND STYLES */

/* 938 Max break point*/
/* Keeps the columns the same height when 2nd column h2 squishes to two lines */
/*@media all and (max-width:938px) {
    .firstColumn {
	padding-bottom: 1.55em;
	
}
    
    .thirdColumn {
	padding-bottom: 1.55em;
	
}
}
*/

/* 700 Max break point */
@media all and (max-width:700px) {
    
article, section, header, footer, nav, html, body, p, h1, h2, h3, div {
	  margin: 0;
	  padding: 0;
}
body {
	  width:100%;
}
    
    
nav {
   border: 0; 
}
nav li {
	list-style: none;
	display: block;
	width: 100%;
	margin: 0;
	text-align: center;
    border-top: 1px solid #efedef;
    padding: 2px 0;
}
    
    
    
    
header {
	width: 100%;
	margin-bottom: 0;
}
    
a {
    
}

a h1 {
    width: 100%;
    text-align: center;
    margin: 1% 0;
}
    
section.pageInfo {
    width: 100%;       
}
    
section.main {
	width: 100%;
}
    
section.main:hover {
	width: 100%;
}

section.pageInfo {    
    width: 90%;
	margin: 2% 0 2% 5%;
}
    
div.mainContent {
    background: #fff;
    width: 100%;
    margin: 0;
    padding: 0;
}
    
.main p, h2 {
	width: 90%;
	margin: 5%;
}
    
a>img:hover {
    -moz-box-shadow: 8px 10px 12px rgba(100,100,100,.8);
    -webkit-box-shadow: 8px 10px 12px rgba(100,100,100,.8);
    box-shadow: 8px 10px 12px rgba(100,100,100,.8);
}
    
section.firstColumn:hover {
	width: 100%;
    -moz-box-shadow: initial;
    -webkit-box-shadow: initial;
    box-shadow: initial;
}
        
section.secondColumn:hover {
	width: 100%;
    -moz-box-shadow: initial;
    -webkit-box-shadow: initial;
    box-shadow: initial;
}
    
section.thirdColumn:hover {
	width: 100%;
    -moz-box-shadow: initial;
    -webkit-box-shadow: initial;
    box-shadow: initial;
}
    
footer {
   margin: 2%; 
   padding: 2%;
}
    
/* ---------Responsive styles for destination pages-------------------- */
 
h2.pageID {
   margin: 5%; 
}

/* --------------- BEGIN Amazin Grazers Responsive styles ------------- */
    
.grazers img {
    width: 90%;
    height: auto;
    margin: 5%;
   
 }
    
.grazers p {
    margin: 5%;
 }
    
.grazers h2 {
    margin: 5%;
}
.grazers h3 {
    margin: 5%;
}
    
.grazers ul {
    margin: 5%;
}

.grazers .linkOut  {
    display: inline-block;
    width: auto;
    margin: 0 0 0 5%;
    font-size: 110%;
    color:#96B255;
}
    
/* --------------- END Amazin Grazers Responsive styles ------------- */
    
    
/* --------------- BEGIN Julie Austin Responsive styles ------------- */
    
.jaustin img {
    width: 90%;
    height: auto;
    margin: 5%;
   
 }
    
.jaustin p {
    margin: 5%;
 }
    
.jaustin h2 {
    margin: 5%;
}
.jaustin h3 {
    margin: 5%;
}
    
.jaustin blockquote {
   font-style: italic;
   font-weight: bold;
   background-color: #FCF6E9;
   width: 90%;
   margin: 2% 5%;
   box-sizing: border-box;
   padding: 1%;
}

.jaustin .linkOut  {
    display: inline-block;
    width: auto;
    margin: 0 0 0 5%;
    font-size: 110%;
    color:#96B255;
}
    
/* --------------- END Julie Austin Responsive styles ------------- */
    
/* ------------BEGIN Beyond Barking Responsive styles ------------------ */
   
.leftColumn {
    float: none;
    width: 90%;
    margin: 5%;
}
    
 .beyond img {
    width: 90%;
    height: auto;
    margin: 5%;
   
 }
    
.beyond p {
    margin: 5%;
 }
    
.beyond h2 {
    margin: 5%;
}
.beyond h3 {
    margin: 5%;
}
    
.beyond ul {
    margin: 5%;
    position:relative;
    
}

.beyond .linkOut  {
    display: inline-block;
    width: auto;
    margin: 0 0 0 5%;
    font-size: 110%;
    color:#96B255;
}   
    
.beyond blockquote {
   font-style: italic;
   font-weight: bold;
   background-color: #FCF6E9;
   width: 90%;
   margin: 2% 5%;
   box-sizing: border-box;
   padding: 1%;
}
    

/* ------------END Beyond Barking Responsive styles ------------------ */
    
/* ------------BEGIN Contact page Responsive styles ------------------ */    
 section.contact {
    padding-left: 5%;
}   
 section.contact form {
    width: 90%;     
 }
    
}

/* ------------END Contact page Responsive styles ------------------ */