/*
Theme Name: ETTA
Author: colony
Description: Etta website custom wordpress theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


.myButton {
	-moz-box-shadow:inset 0px 1px 3px 0px #A6A5C1;
	-webkit-box-shadow:inset 0px 1px 3px 0px #A6A5C1;
	box-shadow:inset 0px 1px 3px 0px #A6A5C1;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #768d87), color-stop(1, #6c7c7c));
	background:-moz-linear-gradient(top, #8572af 5%, #6c7c7c 100%);
	background:-webkit-linear-gradient(top, #8572af 5%, #6c7c7c 100%);
	background:-o-linear-gradient(top, #8572af 5%, #6c7c7c 100%);
	background:-ms-linear-gradient(top, #8572af 5%, #6c7c7c 100%);
	background:linear-gradient(to bottom, #8572af 5%, #6c7c7c 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#768d87', endColorstr='#6c7c7c',GradientType=0);
	background-color:#8572af;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #566963;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:11px 23px;
	text-decoration:none;
	text-shadow:0px -1px 0px #2b665e;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6c7c7c), color-stop(1, #768d87));
	background:-moz-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:-webkit-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:-o-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:-ms-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:linear-gradient(to bottom, #6c7c7c 5%, #768d87 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c7c7c', endColorstr='#768d87',GradientType=0);
	background-color:#6c7c7c;
}
.myButton:active {
	position:relative;
	top:1px;
}


.st-layout ul {
    margin-left: 40px !important;
  font-size: .9em !important;
  line-height: 1.4 !important;
}


.pressRelease {
	width: 800px; 
	margin: auto; 
	font-family: Arial, Helvetica, sans-serif; 
	border-style: solid; border-color: #eeeeee; 
	padding: 40px;
}

h4 {
    margin-bottom: .1em;
}

.newsletterform input {
	width: 90%;
	height: 50px;
}
.menu-item-has-children {
	padding-right: 12px;
}
.menu-item-has-children:after {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 11px;
	content: "\e64b";
	font-family: 'themify';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}


#captchaPreview img {
  display: inline-block;
}

.newsletterform .form-inline .form-group {
	width: 33%;
}

.contact-phone {
  margin-bottom: 0;
}

.hero-body-image-holder {
	max-height: 420px;
	padding: 160px 0;
}

.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
	margin-left: 0;
}

.label01 {
  margin-left: 0;
  margin-right: 5px;
}

@media screen and  (max-width:980px) {
.footer-last div {
  text-align: center!important;
  padding-top: 10px!important;
}

.purple-button-holder .btn {
	margin-top: 30px;
}


.home-thin-font p {
	font-size: 16px;
	}

p {
	font-size: 15px;
}


.tile-right .description, .tile-left .description {
	padding: 20px;
}
.tile-left, .tile-right {
	min-height: 200px;
}

.horizontal-tile {
	border-bottom: 1px solid #fafafa;
}

.color-purple {
	font-size: 25px;
}

.page-title-1, .page-title-2 {
	height: 420px!important;
}


.page-title-9 {
	height: 520px!important;
}


.small-pad-mobile {
	padding-top: 0px;
}

.hero-body-image-holder {
	max-height: 320px;
	padding: 160px 0;
}

}


.homepage-hero {
	background-position: center 90px!important;
}


.module.widget-handle {
	border: none!important ;
	}
	
	
@media screen and (min-width: 990px)  and (max-width:1200px) {
	
	 div.p32.pt32.footer-last div.col-sm-12.col-md-6.text-center span strong {
		font-size: 15px;
		}
		
	
	.module.left.nav-holder {
  padding-left: 0;
  padding-right: 0;
}

.logo {
  height: auto;
  width: 100%;
}

.module.left.logo-holder {
  padding-left: 0;
  padding-right: 0;
}

.col-md-2.logo-col {
  padding-right: 0;
}
			
	}	
	
	
	.page-template-donate input[type="submit"] {
	width: 200px;
}


@media screen and (max-width:1024px) {
	 div.p32.pt32.footer-last div.col-sm-12.col-md-6.text-center span strong {
		font-size: 15px;
		}

}


@media screen and (max-width:991px) {
.btn {
    display: none;
}
}

@media screen and (min-width: 990px)  and (max-width:1361px) {
	
	.davis {
	display:block;
}
	}


/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 480px)  and (max-width:699px) {
/* Styles */

.blammo {
	margin: auto;
	width:40%;
	padding-top: 180px; 
}

.mainText {
	float:right; 
	margin: auto;

}

.homeBox {
	width: 100%;
	padding-top: 120px; 
	text-align: center;
	margin: auto;
}

}

/* iPads (smaller) ----------- */

@media only screen 
and (min-device-width : 700px)  and (max-width:900px)  {
/* Styles */


.blammo {
 	float:right;  
	width:40%;
	padding-top: 80px; 
}

.mainText {
	float:left; 
	padding-top: 180px; 
	text-align: left;
	width:60%;
}

.homeBox {
	width: 100%;
	padding-top: 120px; 
	text-align: center;
	margin: auto;
}

}



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


.blammo {
 	float:right;  
	width:40%;
}

.mainText {
	float:left; 
	padding-top: 210px; 
	text-align: left;
	width:60%;
}

.homeBox {
	width: 100%;
	padding-top: 120px; 
	text-align: center;
	margin: auto;
}

}


/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */

.blammo {
 	float:right;  
	width:40%;
}

.mainText {
	float:left; 
	padding-top: 280px; 
	text-align: left;
	width:60%;
}

.homeBox {
	width: 100%;
	padding-top: 80px; 
}

}

/* Large screens ----------- */
@media only screen 

and (min-width : 1824px) {
/* Styles */

.blammo {
 	float:right;  
}

.mainText {
	float:left; 
	padding-top: 300px; 
	text-align: left;
}


}



.borderorange {
border: 3px solid rgb(247,144,34);
padding: 10px;
}

@media only screen 
and (min-device-width : 320px)  and (max-width:699px) {
.borderorange {margin-bottom: 30px;}	
.threebox {
	margin-bottom: 30px;
}
}