/* 
Theme Name: Organic For Us
Theme URI: http://organicforus.ie
Description: Custom Wordpress Theme for Organic For Us

Author: Lando Tornabene 
Author URI: http://fusio.net
Version: 2.0

*/

@font-face {
  font-family: 'Adelle';
  src: url('font/adelle.otf');
  src: url('font/adelle.woff');
}

@font-face {
  font-family: 'Eartm';
  src: url('font/eartm.ttf');
  src: url('font/eartm.woff');
}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

.col-sm-15 img{display: block; max-width: 100%; height: auto;}

.overlay{background:rgba(0,0,0,.75); text-align:center; padding:10px; opacity:0; -webkit-transition: opacity .25s ease; -moz-transition: opacity .25s ease; position: absolute; width: 100%; height: 92%; top: 20px;}

.overlay h3{margin-top: 80px; font-size: 30px;}

.panel-title{position: relative;}

.panel-title:hover .overlay{ opacity:1;}

header{background: url('images/blue-stripe.png') no-repeat center 44% transparent; position: relative; z-index: 1000;}

/* Stockists page */
.page-id-32 .main.container{background: url('images/stockists.jpg') no-repeat 50% 0 fixed; margin-top: -300px; padding-top: 250px;}

/* Products page */
.page-id-2 .main.container{background: url('images/products.jpg') no-repeat 50% 0 fixed; margin-top: -300px; padding-top: 250px;}

/* Blog page */
.blog .main.container{background: url('images/products.jpg') no-repeat 50% 0 fixed; margin-top: -300px; padding-top: 250px;}

/* Testimonials page */
.page-id-142 .main.container{background: url('images/testimonials_bg.jpg') no-repeat 50% 0 fixed; margin-top: -300px; padding-top: 250px;}

/* Our Story page */
.page-id-30 .main.container{background: url('images/002.jpg') no-repeat 50% 0 fixed; margin-top: -300px; padding-top: 250px;}

/* Trade page */
.page-id-34 .main.container{background: url('images/003.jpg') no-repeat 50% 0 fixed; margin-top: -300px; padding-top: 250px;}

/* Contact page */
.page-id-36 .main.container{background: url('images/004.jpg') no-repeat 50% 0 fixed; margin-top: -300px; padding-top: 250px;}

/* Contact page */
.single .main.container{background: url('images/single_bg.jpg') no-repeat 50% 0 fixed; margin-top: -300px; padding-top: 250px;}

.main.container{width: 100%; position: relative; z-index: 1;}

.home .main.container{margin-top: -250px; padding-left: 0px; padding-right: 0px;}

.well, .blog .post, .panel-body, .single .post-entry{width: 90%; margin: 0 auto; border: none; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; background-color: rgba(0,0,0,0.6); color: #ffffff; display: table;  -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; margin-bottom: 10px; font-size: 16px;}

.well{padding: 20px;}

.well h2{margin-top: 0px;}

.page .post-entry{padding: 0px;}

.well p {font-size: 16px;}

.panel-body{display: block;}

.well.products.first, .well.products.second{width: 60%;}

.well.products.first.info, .well.products.second.info{width: 100%;}

.blog .post{margin-bottom: 20px; padding: 20px;}

.mrdivider {display: block; min-height: 1px; margin: 20px 0px; clear: both;}

#intro, #second, #third, #fourth, #fifth, #sixth, #footer{text-align: center;}

#intro { 
	background: url(images/intro.png) 50% 0 no-repeat fixed; 
	height: auto;  
	margin: 0 auto; 
	width: 100%; 
	position: relative; 
	padding: 250px 0px 50px;
}
#second { 
	background: url(images/intro.png) 50% 0 no-repeat fixed; 
	height: auto;  
	margin: 0 auto; 
	width: 100%; 
	position: relative; 
	padding: 50px 0px 100px;
}
#third { 
	background: url(images/intro.png) 50% 0 no-repeat fixed; 
	height: auto;  
	margin: 0 auto; 
	width: 100%; 
	position: relative; 
	padding: 0px 0px 50px;
}
#fourth { 
	background: url(images/intro.png) 50% 0 no-repeat fixed; 
	height: auto;  
	margin: 0 auto; 
	width: 100%; 
	position: relative; 
	padding: 50px 0px 150px;
}
#fifth { 
	background: url(images/intro.png) 50% 0 no-repeat fixed; 
	height: auto;  
	margin: 0 auto; 
	width: 100%; 
	position: relative; 
	padding: 100px 0px 100px;
}
#sixth { 
	background: url(images/intro.png) 50% 0 no-repeat fixed; 
	height: auto;  
	margin: 0 auto; 
	width: 100%; 
	position: relative; 
	padding: 50px 0px 100px;
}
/*
#middle { 
	background: url(images/home.jpg) 50% 0 fixed; 
	height: auto;  
	margin: 0 auto; 
	width: 100%; 
	position: relative; 
	padding: 200px 0;
}
*/
#footer { 
    font-family: 'Adelle', sans-serif; 
	background: url(images/footer.jpg) 50% 0 scroll; 
	height: auto;
	margin: 0 auto; 
	width: 100%; 
	position: relative; 
    z-index: 1000;
	padding: 50px 0;
	color: #fff;
}

/*
.navbar-collapse.collapse{padding-left: 0px; padding-right: 0px;}

.navbar-nav{float: none; margin: -150px 0px 0px; background-color: #2f9bde; width: 100%; }

.navbar-nav > li{}
*/

.navbar-nav{margin: 23px 0px 0px;}

.navbar-nav > li > a{font-family: 'Eartm', sans-serif; font-size: 32px; color: #ffffff; }

/* =Typography
-------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6{font-family: 'Eartm', sans-serif; color: #ffffff; }

h1{font-size: 100px; text-shadow: 2px 2px 5px rgba(0, 0, 0, .25);}

.blog h1.page-title{line-height: 20px; text-shadow: none; }

.blog h1.page-title a{font-size: 46px; color: #ffffff;}

h2{font-size: 40px;}

#footer h1{font-size: 40px;}

p{line-height: 30px;}

.video-bg .container p a, #intro p a, #third p a, .well p a, .well.products p a, .well.products.first.info a, .well.products.second.info a, .more-link{font-family: 'Eartm', sans-serif; color: #ffffff; font-size: 50px; text-decoration: none; background-color: #e51f1f; padding: 0px 20px 7px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}

.well.products.first p a, .well.products.first.info a, .well.products.second p a, .well.products.second.info a{font-size: 40px; float: right; padding: 0px 10px 7px; line-height: 40px;}

.well p a.link{font-family: 'Adelle', sans-serif; color: #ffffff; text-decoration: underline; border: none; background-color: transparent; padding: 0px; margin: 0px; font-size: 14px;}

#intro p{ margin-top: 70px;}

#third h1{margin-bottom: 50px;}

#third img{margin-left: auto; margin-right: auto;}

#third p{margin-bottom: 50px;}

.page-header{border: none; text-align: center;}

.blog .page-header{text-align: left;}

/* =Forms
-------------------------------------------------------------- */

/* =Tables
-------------------------------------------------------------- */

/* =Lists
-------------------------------------------------------------- */

/* =Globals
-------------------------------------------------------------- */

.video-bg{height: 750px;}

.video-bg .container{padding-top: 250px; text-align: center;}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.video-container iframe, 
.video-container object, 
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

video#bgvid { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url('/wp-content/uploads/2015/09/001_sm.jpg') no-repeat;
    background-size: cover; 
}

#sixth a.featured-img img{float: none; border-radius: 150px; -moz-border-radius: 150px; -webkit-border-radius: 150px; border: 8px solid #ffffff;}

a.featured-img img{float: right; border: 1px solid #ffffff;}

#sixth h2 a{font-family: 'Adelle', sans-serif; font-size: 24px; text-decoration: none; color: #ffffff;}

.footer-img{margin: 0px 20px 20px;}

.footer-img.logo{margin: 0 auto;}

.footer-img.social{ float: left;}

.textwidget{text-align: center;}

.footer-img.img-responsive.hidden-sm.hidden-xs{margin: 0 auto;}

.social-icons img{margin: 10px 0px 0px 10px;}

.alignright{float: right; margin-left: 20px; margin-bottom: 20px;}

.alignleft{float: left;} 

.page-id-2 img.alignleft{margin-right: 40px;}

/*
#wrapper {position: relative; top: -250px;}

.header {position: relative; z-index: 10000;}

#footer {}
*/

/* =Header
-------------------------------------------------------------- */

/* =Content
-------------------------------------------------------------- */
#content {
	margin-bottom:100px;
}

#content-archive {
	margin-bottom:100px;
}

#content-blog {
	margin-bottom:100px;
}

#content-images {
	margin-bottom:100px;
}

#content-full {
	margin-bottom:100px;
}

#content-sitemap {
	margin-bottom:100px;
}

#content-sitemap a {
	font-size:12px;
}

#content .sticky {
	clear:both;
}

#content .sticky p {
}

#content .bypostauthor {
}

/* =Author Meta (Author's Box)
-------------------------------------------------------------- */
#author-meta {
	background:#f9f9f9;
	border:1px solid #d6d6d6;
	clear:both;
	display:block;
	margin-bottom:20px;
	overflow:hidden;
}

#author-meta img {
	float:left;
	padding:10px;
}

#author-meta p {
	margin-top:5px;
	padding:0 5px 0 0;
}

#author-meta .about-author {
	font-weight:700;
	margin:10px 0 0 0;
}

/* =Post
-------------------------------------------------------------- */
.comments-link {
	font-size:12px;
}

#respond .form-allowed-tags {
    display:none !important;
}

#cancel-comment-reply-link {
	color:#900;
}

.post-data {
	clear:both;
	font-size:11px;
	margin-top:20px;
}

.post-entry {
	clear:both;
    font-family: 'Adelle', sans-serif;
    padding: 30px;
}

.post-meta {
	clear:both;
	color:#9f9f9f;
	font-size:13px;
	margin-bottom:10px;
}

.post-edit {
	clear:both;
	display:block;
	font-size:12px;
	margin:1.5em 0;
}

.post-search-terms {
	clear:both;
}

.read-more {
	clear:both;
}

.attachment-entry {
	clear:both;
	text-align:center;
}

/* =Symbols
-------------------------------------------------------------- */
.ellipsis {
	color:#aaa;
	font-size:18px;
	margin-left:5px;
}

/* =Widgets
-------------------------------------------------------------- */
.widget-wrapper {
	
}

.widget-wrapper-left {

}

#widgets {
	
}

.home #widgets {
}

#widgets a {
	display:inline-block;
	text-decoration:none;
}

#widgets ul, #widgets .textwidget, #widgets .tagcloud, #widgets #searchform, #widgets #calendar_wrap {
	
	font-size:13px;
	margin:0 0 20px;
	padding:10px 0 20px 0;
	list-style: none;
}

.home #widgets ul, .home #widgets .textwidget, .home #widgets .tagcloud, .home #widgets #searchform, .home #widgets #calendar_wrap {
	border-top:none;
	font-size:13px;
	margin:0 0 20px;
	padding:20px;
	border: none;
}

#widgets ul li {
	margin-left:15px;
}

#widgets ul li a {
	display:inline;
	text-decoration:none;
}

#widgets .widget-title img {
	float:right;
	height:11px;
	position:relative;
	top:4px;
	width:11px;
}

#widgets .rss-date {
	line-height:18px;
	padding:6px 12px;
}

#widgets .rssSummary {
	padding:10px;
}

#widgets cite {
	font-style:normal;
	line-height:18px;
	padding:6px 12px;
}

#widgets .textwidget, #widgets .tagcloud {
	display:block;
	line-height:1.5em;
	margin:0 0 20px;
	word-wrap:break-word;
}

#widgets .textwidget a {
	
}

#widgets ul .children {
	border:none;
	margin:0;
	padding:0;
}

#widgets .author {
	font-weight:700;
	padding-top:4px;
}

.widget_archive select, #cat {
	display:block;
	margin:20px 15px 0;
}

/* =Titles
-------------------------------------------------------------- */
.widget-title, .widget-title-home h3 {
	display:block;
	font-size:20px;
	font-weight:700;
	line-height:23px;
	margin:0;
	padding:20px 0 0 0;
	text-align:left;
}

.home .widget-title-home h3 {
	border-bottom:none;
	display:block;
	font-size:24px;
	font-weight:700;
	line-height:23px;
	margin:0;
	padding:20px 20px 0 20px;
	text-align:left;
	border: none;
}

.widget-title a {
	border-bottom:none;
	padding:0!important;
}

.title-404 {
	color:#933;
}


/* =Pagination (pages)
-------------------------------------------------------------- */
.pagination {
	clear:both;
	display:block;
	font-size:16px;
	font-weight:700;
	margin:10px 0;
	padding:5px 0;
}

.pagination a {
	text-decoration:none;
}

.pagination a:hover, .pagination a:active {
}

/* =Breadcrumb Lists
-------------------------------------------------------------- */
.breadcrumb-list {
	font-size:12px;
	padding:40px 0 0 0;
}

/* =Post Thumbnails 
-------------------------------------------------------------- */


/* =Footer
-------------------------------------------------------------- */
#footer {
}

#footer a {
}

#footer a:hover {
}

.scroll-top {
	text-align:center;
}

.scroll-top a:hover{
	text-decoration: none;
}

.copyright {
	text-align:left;
}

.powered {
	text-align:right;
	float: right;
}

/* =Social Icons
-------------------------------------------------------------- */
.social-icons {
	line-height:22px;
	text-align:right;
	font-size: 32px;
}

#footer .social-icons{
	text-align: left;
}

.social-icons a, #header .social-icons a {
	text-decoration: none;
	padding: 0 3px;
}

 .social-icons [class^="icon-"], .social-icons [class*=" icon-"] {
  width: 30px;
 }

#header .social-icons {
	line-height:normal;
	margin:3px 0 0 0;
	font-size: 32px;
	padding: 0;
}


/* =Alignments Extras
-------------------------------------------------------------- */
.left {
	float:left;
}

.right {
	float:right;
}

.center {
	text-align:center;
}

/* =Clearfix
-------------------------------------------------------------- */
.clearfix:after, #container:after {
	clear:both;
	content:"\0020";
	display:block;
	height:0;
	max-height:0;
	overflow:hidden;
	visibility:hidden;
}

.clearfix, #container {
	display:inline-block;
}

*html .clearfix, *html #container {
	height:1%;
}

.clearfix, #container {
	display:block;
}

.clear {
	clear:both;
}

strong.search-excerpt { background: yellow; }

.wpvl_auto_thumb_play{left: 32%; top: 45%;}

.video_lightbox_auto_anchor_image, .wpvl_auto_thumb_box{width: 70%; height: auto; max-width: 100%;}




/* =Media Queries
-------------------------------------------------------------- */
@media only screen 
  and (min-width: 320px) 
  and (max-width: 568px){

}

@media screen 
  and (min-width: 320px) 
  and (max-width: 640px) {
      
      header{background-color: #2f9bdc;}
      .navbar-toggle{margin-top: 25px;}
      .navbar-toggle .icon-bar{background-color: #ffffff;}
      h1{font-size: 30px;}
      #second{background: url(/wp-content/uploads/2015/09/002.jpg) no-repeat 50% 0 scroll!important; padding: 50px 0px 50px;}
      #third{background: url(/wp-content/uploads/2015/09/003.jpg) no-repeat 50% 50% scroll!important; padding: 0px;}
      #fourth{background: url(/wp-content/uploads/2015/09/004.jpg) no-repeat 50% 50% scroll!important; padding: 50px 0px 50px;}
      #fifth{background: url(/wp-content/uploads/2015/09/0051.jpg) no-repeat 50% 0 scroll!important; padding: 50px 0px 50px;}
      #sixth{padding: 50px 0px;}
      #sixth a.featured-img img{max-width: 100px; height: auto;}
      #sixth h2{line-height: 10px; margin: 0px 0px 20px;}
      #sixth h2 a{font-size: 14px;}
      .well, .blog .post{display: block;}
      .post-entry img{display: block; max-width: 100%; height: auto; margin-bottom: 20px;}
      .video-bg .container p a, #intro p a, #third p a, .well p a, .well.products p a, .well.products.first.info a, .well.products.second.info a, .more-link{font-size: 24px;}
      a.featured-img img{float: none; margin-bottom: 20px;}
      #footer{padding: 0px;}
      #footer h1{font-size: 24px;}
      .footer-img{max-width: 40px; margin: 0 auto;}
      .footer-img.social{float: left; max-width: 40px; margin: 1px;}
      .footer-center{margin-bottom: 20px;}
      .small{font-size: 60%;}
      .well.products.first, .well.products.second{width: 100%;}
      .well, .blog .post, .panel-body, .single .post-entry{width: 100%;}
      .blog .post-entry{padding: 0px;}

}

@media only screen 
  and (min-width: 375px) 
  and (max-width: 667px) { 

}

@media only screen 
  and (min-width: 414px) 
  and (max-width: 736px) { 

}

/*
 * Tablets
 */

@media only screen 
  and (min-width: 640px) 
  and (max-width: 768px){
      
/*      #intro{background: url('../organic/images/001_sm.jpg') no-repeat 50% 0 scroll!important;}*/
/*      #intro #logo{text-align: left;}*/
/*      .icon-bar{background-color: #2f9bde;}*/
/*      .navbar-nav{margin: 0px;}*/
      h1{font-size: 50px;}
/*      #intro p{margin-top: 20px;}*/
/*      #second{padding: 0px 0px 20px;}*/
/*      #third{padding: 0px;}*/
/*      #fourth{padding: 10px 0px 50px;}*/
/*      #fifth{padding: 50px 0px 50px;}*/
      #second{background: url(/wp-content/uploads/2015/09/002.jpg) no-repeat 50% 0 scroll!important;}
      #third{background: url(/wp-content/uploads/2015/09/003.jpg) no-repeat 50% 0 scroll!important;}
      #fourth{background: url(/wp-content/uploads/2015/09/004.jpg) no-repeat 50% 0 scroll!important;}
      #fifth{background: url(/wp-content/uploads/2015/09/0051.jpg) no-repeat 50% 0 scroll!important;}
      

}

@media only screen 
  and (min-width: 768px) 
  and (max-width: 1024px){
      
      .footer-img{margin: 0px; float: left; width: 70px;}
      #text-2 .footer-img{float: right;}
      #footer p.small{margin-top: 20px;}
      .blog .post{width: 100%;}
      .blog .post-entry{padding: 0px;}
      .overlay h3{margin-top: 20px;}

}

@media only screen 
  and (min-width: 992px) 
  and (max-width: 1199px){
      
      .navbar-nav > li > a{font-size: 28px; padding: 5px; line-height: 40px;}

}

@media only screen 
  and (min-width: 768px) 
  and (max-width: 991px){
      
      .navbar-nav > li > a{font-size: 18px; padding: 3px; line-height: 43px;}
    
    }