/*
 Theme Name:     Balanced Equine Theme
 Theme URI:      http://theresakibler.com
 Description:    custom theme for Balanced Equine Training
 Author:         Theresa Kibler
 Author URI:     http://theresakibler.com
 Template:       twentytwelve
 Version:        1.0
*/

@import url("../twentytwelve/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */

/*body.custom-font-enabled{ font-family:Georgia, "Times New Roman", Times, serif;}*/

.site{ background-color:#C0AE96}

.site-header h1{ 
  font-family:Georgia, "Times New Roman", Times, serif;
  color:#000000; 
  font-size:30px;
  font-size:2.1428571428rem;
  line-height:1.2}

.site-header h2{
  font-family:Georgia, "Times New Roman", Times, serif;
  font-weight: normal;
  color: #FFFFFF;
  font-size: 18px;
  font-size: 1.285714285rem;
  line-height: 1.5}

.site-header h1 a:hover, .site-header h2 a:hover
{
  color: #FFFFFF;
}

img.logo{ border:none; width: auto; height:auto; box-shadow:none; float:left; margin-right:15px}

.large{ font-size:16px}

.footerWidget{ width:100%; height:50px; text-align:center}


/* home page columns
.homeColumn{ float:left; width:250px; height:auto; min-height:300px; background-color:#ccc; padding:15px; margin:40px 10px 10px 30px} */



@media only screen and (min-width: 1024px) {
.homeColumn{ float:left; width:240px; height:auto; min-height:300px; background-color:#FFF; padding:15px; margin:40px 10px 10px 30px}
}

/* Tablet (landscape) 	1024px */
@media only screen and (min-width: 960px) and (max-width: 1024px) {
.homeColumn{ float:left; width:230px; height:auto; min-height:300px; background-color:#FFF; padding:15px; margin:40px 10px 10px 10px}
}

/* Tablet (Portrait) 	768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.homeColumn{ float:left; width:250px; height:auto; min-height:300px; background-color:#FFF; padding:15px; margin:40px 10px 10px 30px}
}


/* Mobile (Landscape) 	480px */
@media only screen and (min-width: 480px) and (max-width: 767px){
.homeColumn{ float:left; width:380px; height:auto; min-height:200px; background-color:#FFF; padding:15px; margin:40px 10px 10px 10px}
}

/* Mobile (Portrait) 	320px */
@media only screen and (max-width: 479px){
.homeColumn{ float:left; width:240px; height:auto; min-height:200px; background-color:#FFF; padding:15px; margin:40px 10px 10px 0px}
}