/*
Theme Name: Rolex Passion Report
Theme URI: http://www.in-bloom.org
Author: Alex Hommel
Author URI: http://www.in-bloom.org
Description: Rolex Passion Report Mag
Version: 1.0
*/

body {font-family: "ff-tisa-web-pro", Georgia, serif;}

h1, h2, h3, h4, h5, h6 {font-family: "proxima-nova", Verdana, sans-serif;}

h1, h2, h3 {text-transform: uppercase;}

ul, ol {list-style-type: none;}

ol {margin-left:0;}

/*#comments footer, footer .vcard, #comments footer .comment-meta {background: #fff; color: #111;};
#comments footer {padding-bottom: 0;}

img.avatar {display: normal;}
img.avatar, .says, .fn {float:left;}
.vcard .fn {font-size: 1em; font-weight: 400;}
.says {margin: 0 0.2em;}
footer .vcard {border: none; padding: 0; margin: 0;}*/

a, a:visited {color: #2b4f7d;}
a:hover, a:active {color: #2064af;}

.logo {margin: 2em 0 0 0;}
.title {text-align:center;}

header h1.page-title {font-size: 4.0em; margin: 0; line-height: 1em;}
header h1.page-title a, header h2.tagline {color: #474747;}
header h2.tagline {font-size: 2.21em; margin-left: -3px;}

img.about-img {margin-bottom: 1em; border: none;}

/* NAVIGATION STYLES */

ul.left, ul.left li, ul.left li a, .top-bar .toggle-topbar.menu-icon a span, ul.title-area .name a
{font-family: "proxima-nova", Verdana, sans-serif; color: #fff; font-size: 16px; font-weight: 700; text-transform: uppercase; background: #2b4f7d;}

ul.title-area .name a:not(.button):hover {background: #2b2b2b;}
ul.title-area .name a {line-height: 45px; padding: 0 30px; display: block; width: 100%;}

.top-bar-section li a:not(.button) {padding: 0 30px;}

.contain-to-grid, .top-bar, .top-bar-section li a:not(.button), ul.title-area .name li {background: #2b4f7d;}
.top-bar .name h1 a {font-size: 14px;}
.top-bar .toggle-topbar.menu-icon a {text-indent: -55px;}
.top-bar-section ul li.current-menu-item a, .top-bar li.current-menu-item a {background: #2b4f7d;}
.top-bar .name h1 a {padding: 0 2em; }
.top-bar-section ul li > a {padding: 0.6em 2em;}
.top-bar-section .sub-menu li a {padding: 10px 15px;}
.top-bar-section .has-dropdown.moved > .sub-menu {
    visibility: visible; }
.top-bar-section .sub-menu {
    position: absolute;
    left: 100%;
    top: 0;
    visibility: hidden;
    z-index: 99; }
.top-bar-section .sub-menu li {
    width: 100%; }
.top-bar-section .sub-menu li a {
    font-weight: normal;
    padding: 8px 15px 8px 30px; }
.top-bar-section .sub-menu label {
    padding: 8px 15px 2px;
    margin-bottom: 0;
    text-transform: uppercase;
    color: #555;
    font-weight: bold;
    font-size: 0.625em; 
}
.top-bar-section .has-dropdown.moved > .sub-menu {
   visibility: hidden; }
.top-bar-section .has-dropdown:hover > .sub-menu, .top-bar-section .has-dropdown:active > .sub-menu {
      visibility: visible; }
.top-bar-section .has-dropdown .sub-menu li.has-dropdown > a:after {
    border: none;
    content: "\00bb";
    margin-top: -7px;
    right: 5px; }
.top-bar-section .sub-menu {
    left: 0;
    top: auto;
    background: transparent; }
.top-bar-section .sub-menu li a {
    line-height: 1.5;
    white-space: nowrap;
    background: #2b4f7d; }
.top-bar-section .sub-menu li label {
    white-space: nowrap;
    background: #2b4f7d; }
.top-bar-section .sub-menu li .sub-menu {
    left: 100%;
    top: 0; }
.top-bar-section > ul > .divider {
    border-bottom: none;
    border-top: none;
    border-right: solid 1px #2b2b2b;
    border-left: solid 1px black;
    clear: none;
    height: 45px;
    width: 0px; }
.top-bar-section .has-form {
    background: #2b4f7d;
    padding: 0 15px;
    height: 45px; }
.top-bar-section ul.right li .sub-menu {
    left: auto;
    right: 0; }
.top-bar-section ul.right li .sub-menu li .sub-menu {
    right: 100%;} 
    
.top-bar.expanded {background: #2b4f7d;}

/* END NAVIGATION STYLES */

.rsTmb {display: none;}
.rsDefaultInv .rsThumbsHor {height: auto !important;}

.main-content, .sidebar {margin: 2em 0;}

.main-articles {clear: both; margin-top: 2em;}
.main-articles h2 {font-size: 1.4375em; margin-top: 0.5em; }
.main-articles h3 {font-size: .95em; margin-top: 0.2em; font-family: "ff-tisa-web-pro", Georgia, serif; font-weight: 400; }

.article-latest {border-top: 2px solid #000; position: relative;}
.article-cat {border-top: 2px solid #000; position: relative; padding-bottom: 1.6em;}


.article {position: relative;}
.article img {margin-bottom: 2em;}

article header h1 {margin-top: 0; font-size: 1.8em;}

article .rsThumbs {margin-bottom: 1em;}

.all-articles  .archive-post {clear: both;}
.all-articles  .archive-post img { margin-bottom: 2em;}
.all-articles  .archive-post h3 {font-size: 1em; margin-top: 0.2em; font-family: "ff-tisa-web-pro", Georgia, serif; font-size: 1em; font-weight: 700; }
.all-articles  .archive-post h3 a {color: #2b4f7d;}
.all-articles  .archive-post h3 a:hover, .all-articles  .archive-post h3 a:active {color: #2064af;}


#infscr-loading {clear: both; width: 100%; margin: 2em 0; text-align:center;}
#infscr-loading img {display: inline;}
.post-nav, .photo-nav {clear: both; width: 100%; text-align:center; padding-top: 2em; font-size: 20px; font-weight: 700;}

/*
2064af
3b6da3
*/

.section-container {margin-bottom: 2em;}
 
section p.title {font-family: "proxima-nova", Verdana, sans-serif; font-size: 18px; font-weight: 700; text-transform: uppercase;}

.section-container.tabs section.active .title, .section-container.tabs .section.active .title 
    {border-right: 1px solid #ccc !important; background: #2b4f7d;}
.section-container section.active .title a {color: #fff;}
.section-container section.active .content, .section-container .section.active .content
    {background: #2b4f7d; color: #fff;}
.section-container section.active .content a, .section-container .section.active .content a {color: #fff; font-weight: 700;}

.rpm-item {margin-bottom: 2em; position: relative; text-transform: uppercase;}
.rpm-caption a {color:#fff;}
.rpm-caption a:hover {color: #2064af;}
.latest-caption, .rpm-caption {position: absolute; bottom: 0; width: 100%; padding: 0.5em; color: #fff; background: rgba(0,0,0,0.8); text-align: center; line-height: 1.7em;}
.latest-caption h3 {color: #fff;}

.article-thumb img {border: 5px solid #2b4f7d;}

.excerpt {line-height: 1.6;}

.entry-content img {width: 100%;}

.entry-content .wp-smiley {width: 15px; height: 15px;}

.post-meta {border-top: 2px solid #000; padding-top: 1em; font-size: 0.85em;}



#comments, .navigation-post {clear: both; padding-top: 1em;}
.comment {padding: 1em 0 0 0; border-bottom: 1px solid #d1d1d1;}
.comment img.avatar {float: left; margin-right: 1em;}
.comment-right span {font-size: .75em; line-height: 1.8;}

#respond {margin-top: 1em;}
#repsond h3 {font-size: 1.4em;}

/* CONTACT FORM STYLES */

.button, button#searchsubmit {font-family: "proxima-nova", Verdana, sans-serif; font-weight: 700; text-transform: uppercase; padding: 0.6em 1.5em; border: none;}

#contactform label {margin-bottom: 0.5em;}

#contactform textarea {min-height: 100px; margin-bottom: 1em;}


#form-feedback { display: none; position: fixed; top: 100px; left: 43%;}
#form-feedback .form-success { background: rgba(85,220,126,0.9); padding: 10px; color: #FFF; font-weight: bold;}
#form-feedback .form-error { background: rgba(255,55,83,0.9); padding: 10px; color: #FFF; font-weight: bold;}


label.verify {float: left;}
input#verify {float: left; margin: -7px 0 10px 10px;}

fieldset h3 { 
    background: url("../images/success.gif") left no-repeat; 
    padding-left:22px; 
}

.error_message { 
    display: block; 
    height: auto; 
    line-height: 22px; 
    font-family: "ff-tisa-web-pro", Georgia, serif;
    background: #FBE3E4 url("../images/error.gif") no-repeat 10px center; 
    padding: 3px 10px 3px 35px; 
    margin-bottom: 15px;
    color:#8a1f11;
    border: 1px solid #FBC2C4; 
    /*-webkit-border-radius:5px; */
}

#submit_btn {clear: both; float: left;}

/* END CONTACT FORM STYLES */

.tagcloud {line-height: 1.6;}
.tagcloud a {padding-right: 5px;}

footer {width: 100%; background: #2b4f7d; color: #fff; padding: 1em 0 2em 0;}
footer h3 {color: #fff; font-weight: 400;}
footer a, footer a:visited {color: #fff;}
footer a:hover, footer a:active {color: #fff; text-decoration: underline;}


#carousel-1-prev, #carousel-1-next, 
#carousel-2-prev, #carousel-2-next,
#carousel-3-prev, #carousel-3-next,
#carousel-4-prev, #carousel-4-next{width: 24px; height: 24px; position: absolute; top: 1em; right: 0;}
#carousel-1-prev, #carousel-2-prev, #carousel-3-prev, #carousel-4-prev {right: 2em; background: #2b4f7d url(images/prev.png) no-repeat;}
#carousel-1-next, #carousel-2-next, #carousel-3-next, #carousel-4-next {background: #2b4f7d url(images/next.png) no-repeat;}

#carousel-1-prev span, #carousel-1-next span, 
#carousel-2-prev span, #carousel-2-next span,
#carousel-3-prev span, #carousel-3-next span,
#carousel-4-prev span, #carousel-4-next span {display: none;}

.rsDefaultInv, .rsDefaultInv .rsOverflow, .rsDefaultInv .rsSlide, .rsDefaultInv .rsVideoFrameHolder, .rsDefaultInv .rsThumbs {background: #fff !important;}

#featured-slider .rsDefaultInv .rsGCaption, article .rsDefaultInv .rsGCaption {
position: absolute;
float: none;
bottom: 10px;
left: 10px;
text-align: left;
background: #111;
background: rgba(0,0,0, 0.8);
color: #fff;
padding: 10px 15px;
width: auto;
font-size: 1.125em;
border-radius: none;
}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], 
input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], 
input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {padding: 0.5em 0.5em 0.2em 0.5em;}

article.royalSlider {margin-bottom: 2em;}

.form-allowed-tags {display:none;}

.copyright {clear: both; border-top: 1px solid #fff; padding: 1em 0; margin-top: 2em;}
.copyright p {font-size: 0.75em; color: #fff; text-align: center;}


/* MASONRY STYLES */

#photo-list {
    width: 103.125%; /* 990px */
    overflow: hidden;
    margin: 2em 0 0 -1.5625%;
}

.photo-item {
    width: 30.303%; /* 300px */
    float: left;
    margin: 0 1.515% 2em; /* 15px 30px */
}

.photo-item img {width: 100%;}

a#inifiniteLoader{
    position: fixed;  
	z-index: 2;  
	bottom: 15px;   
	right: 10px; 
	display:none;
}

div.wpcf7 img.ajax-loader {width: 16px; height: 16px;}

@media only screen and (max-width: 69em) {
    h1.page-title {font-size: 3.0em;}
    h2.tagline {font-size: 2.0em;}
}


@media only screen and (max-width: 48em) {
	html, body {font-size: 14px;}
    h1.page-title {font-size: 2.5em; margin-top: 0.3em;}
    h2.tagline {font-size: 1.8em;}
    ul.title-area .name a {margin-left: 0;}
	.row .columns {padding-left: 0.75em; padding-right: 0.75em;}
	.main-articles h3 {font-size: 1em;}
	.main-articles h3 {font-size: 0.8em; font-weight: normal;}
	#carousel-1-prev, #carousel-1-next, #carousel-2-prev, #carousel-2-next, #carousel-3-prev, #carousel-3-next {top: 0.5em;}
	}

@media only screen and (max-width: 40em) /* 640px */
{
    .logo {margin: 1em 0 0 0;}
    .logo-img {text-align:center;}
    .logo-img img {display: inline;}
    h1.page-title {font-size: 2.0em; margin: 0.1em 0 0 0; line-height: 1em;}
    .rpm-stream, .page-title, .tagline {display: none;}
    .photo-item
    {
        width: 46.876%; /* 305px */
        margin-bottom: 0.938em; /* 15px */
    }
}
@media only screen and ( max-width: 20em ) /* 320px */
{
    #list {
        width: 100%;
        margin-left: 0;
    }
    .photo-item {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    
}