/*
Theme Name: Alison Rocks
Theme URI: http://workspacefile.net/
Author: Alison Rocks
Author URI: http://workspacefile.net/
Description: The "Alison Rocks" theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, custom-menu, featured-images, full-width-template, post-formats, sticky-post, theme-options, translation-ready
Text Domain: flattheme

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

font-family: 'Proxima Nova Rg';
font-family: 'Proxima Nova Alt Rg';
*/


/*
==========================
       COMON STYLES
==========================
*/
body{ font-weight:400 !important; line-height: 1.6; color: #4b4c51 !important;; }
.container{ width:100%; max-width: 1215px;}



/*
==========================
       HEADER
==========================
*/
#header{ position: relative; z-index: 1; border-radius: 0px !important; background:#FFFFFF url("assets/images/header-bg.jpg") no-repeat top center !important; background-size: 100% !important; min-height: 210px; }


#social-sec{ min-height: 50px; position: relative; }
#social-sec .container{ position: relative; }
.social{ position: absolute; top: -30px; right: 15px; z-index: 2; }
.social a{display: block; float: right; width: 40px; height: 40px; line-height: 38px; border-radius: 500px; border: 2px solid #91d0cc; text-align: center; color:#91d0cc; font-size: 20px; margin-left: 10px;}




/*
==========================
       BANNER
==========================
*/
#main{ min-height:500px;}
img.alignleft { margin: 5px 40px 5px 0; }
#content h1{font-size: 42px; font-weight: 900; color:#222; margin-top: 5px; margin-bottom: 30px;}
#content h2{margin: 0; font-size: 24px; font-weight: 300; color:#71afaf;}
#content p{ margin-bottom:20px; }



.home-widget{ background:#f5faf9; min-height: 320px; margin-bottom: 30px; position: relative; padding: 30px 50px; }
.contact-ali-inner{ display: flow-root; }
.contact-ali-inner h3{ margin: 30px 0; font-size: 32px; color:#222; font-weight: 300;}
.contact-ali-inner p{ margin: 0 !important; }
.contact-ali-inner p strong{}
.contact-ali-inner p a{ color: #71afaf; }
.contact-ali-inner p img,
.contact-ali-inner p img.alignright,
.contact-ali-inner img{ float: right; }
.ali-img{ position: absolute; right:30px; top: 20px;}



.upcoming-events-inner{}
.upcoming-events-inner h3{margin: 0px 0 15px; font-size: 32px; color:#222; font-weight: 300;}
.upcoming-events-inner p{}
.events-inner{ position: relative;}
.events-img{ position: absolute; right: -125px; top: 0;}
.events-items{ max-width: 60%; width: 100%; display: flow-root;}
.events-item{ display: flow-root; margin-bottom: 20px;}
.events-item:last-child{ margin-bottom: 0;}
.events-item h4{color:#4b4c51; font-weight: bold; font-size: 20px; margin-bottom: 5px;}
.events-item h4 a{ color:#4b4c51; }
.events-item p{}
.events-items p strong{ color: #71afaf; }



/*
==========================
       CONTENT
==========================
*/
#page{ min-height: 1000px; position: relative; background-color: #f5f4f1; background: url("assets/images/body-vandor.jpg") repeat; }
#page::before { content: ""; position: absolute; background: url("assets/images/content-top.png") repeat-x;  height: 82px; top: 0; left: 0; width: 100%;}

.btn { height: 35px; padding: 0 10px; min-width: 135px; margin: 0 5px; line-height: 35px; border-radius: 7px; background: #71afaf; font-size: 14px; text-transform: uppercase; font-weight: 900 !important; color: #FFF;}

.portfolio-tabs{text-align: center; margin-top: 100px;}
.portfolio-tabs h2 { font-size: 42px; font-weight: 300; color: #222; margin: 0;}
.portfolio-tabs ul { padding: 0;  margin: 30px 0 50px;  list-style: none;   font-size: 0;}
.portfolio-tabs ul li{ display: inline-block; }
.portfolio-tabs ul li a{ background: #d7d7d7; color: #959595 !important; }
.portfolio-tabs ul li a.active{ background: #71afaf;  color: #FFF !important }


.portfolio-layout{ padding-bottom:50px;}
.portfolio-item{ text-align: center; background-color: #FFF; box-shadow: 1px 1px 40px #eee; max-width: 275px;  margin: 0 auto 30px !important;}
.portfolio-item .btn{ margin: 10px 0; }



/*
==========================
       FOOTER
==========================
*/
#footer{ background: url("assets/images/footer-bg.jpg") repeat-x; min-height: 170px; background-position: bottom center; padding: 107px 0 40px !important;}
.copyright_info{ font-size:14px; font-weight: 400; color:#FFF; }




/*
==========================
    LAYOURS RESPONSIVE
==========================
*/

@media(min-width:1700px){
  
    #header{ min-height: 230px; }
    
}
@media(min-width:1900px){
  
    #header{ min-height: 257px; }
    
}

@media(max-width:1150px){
    #header{ background-size: auto 210px !important; }
}

@media(min-width:991px) and (max-width:1299px){
    .home-widget{ max-width: 600px; }
    #main .col-md-6 {  width: 100%; }
}

@media(max-width:991px){
    .home-widget{ max-width: 600px; }
}
@media(min-width:800px) and (max-width:991px){
  .portfolio-layout{max-width: 890px; margin: 0 auto}
  .portfolio-layout .col-md-3 { width: 33.333333333333334%; clear: none; float: left;}    
}
@media(min-width:500px) and (max-width:799px){
  .portfolio-layout{max-width: 590px; margin: 0 auto}
  .portfolio-layout .col-md-3 { width: 50%; clear: none; float: left;}  
}
@media(max-width:767px){
   .events-img { position: relative;  right: 0; top: 0;} 
}

@media(max-width:559px){
    img.alignleft {  margin: 0 10px 10px;  }
    .events-img { position: relative;  right: 0; top: 0;}
    .events-items{     max-width: 100%; }
    .ali-img { position: relative; right: 0; margin-bottom: 20px; overflow: hidden; top: 20px;}
}