/*
 * Theme Name:  Barcelona. Drips
 * Theme URI:   http://themeforest.net/item/barcelona-clean-news-magazine-wordpress-theme/13308848
 * Description: Drips Child theme of Barcelona theme.
 * Author:      Aggressive Motions
 * Author URI:  http://www.aggressivemotions.com
 * Template:    barcelona
 * Template Version: 1.4.4
 * Version: 1.0.0
 */
 


article .post-content a {
  color:#F2132D;
}

article .post-content a:hover {
  color:#cc0000;
}


.navbar-top-menu a {
	color:#C2C2C2;
	text-decoration: none;
}


 
 /*
 * Home Featured Post Area - Full Screen
 */
.home .featured-posts > .container {
	margin: -250px 0 30px 0;
	padding: 0;
	width: 100%;
	background-color: transparent;
	position: absolute;
    z-index: 3;
 }

 @media only screen and (max-width: 767px) {
 .home .featured-posts .fp-box .fp-inner {
    min-height: 350px;
}
}
 @media only screen and (max-width: 991px) {
 .home .featured-posts .fp-box .fp-inner {
    min-height: 400px;
}
}
 @media only screen and (min-width: 992px) {
 .home .featured-posts .fp-box .fp-inner {
    min-height: 450px;
}
}
 @media only screen and (min-width: 1200px) {
.home .featured-posts .fp-box .fp-inner {
    min-height: 600px;
}
}
 @media only screen and (min-width: 1600px) {
.home .featured-posts .fp-box .fp-inner {
    min-height: 750px;
}
}

.home .vm-middle {
    display: inline-block;
    width: 90%;
	vertical-align: middle;
    text-align: center;
	padding-top: 200px;
}

 
 
 
/*
* Home Nav Bar
*/
.container {
	background-color: transparent;
}


/*
* Home Main and Sidebar Containers 
*/

@media only screen and (max-width: 767px) {

.home .container > .row-primary #main, .home .container > .row-primary #sidebar {
	margin: 100px 0 0 0;
}
}

@media only screen and (max-width: 991px) {
.home .container > .row-primary #main, .home .container > .row-primary #sidebar {
	margin: 250px 0 0 0;
}
}

@media only screen and (min-width: 992px) {
.home .container > .row-primary #main, .home .container > .row-primary #sidebar {
	margin: 300px 0 0 0;
}
}

@media only screen and (min-width: 1200px) {
.home .container > .row-primary #main, .home .container > .row-primary #sidebar {
	margin: 440px 0 0 0;
}
}

@media only screen and (min-width: 1600px) {
.home .container > .row-primary #main, .home .container > .row-primary #sidebar {
	margin: 600px 0 0 0;
}
}




/*
 * Override owl-theme
 */
 
.owl-dots {
	position:absolute;
	text-align:center;
	width:100%;
	z-index: 1000;
	margin: auto;
}

.owl-dots {
	position:absolute;
	text-align:center;
	width:100%;
	z-index: 1000;
	margin: auto;
}

@media only screen and (max-width: 767px) {
 .home .owl-dots {
    top: 300px;
}
}
@media only screen and (max-width: 991px) {
 .home .owl-dots {
    top: 360px;
}
}
@media only screen and (min-width: 992px) {
 .home .owl-dots {
    top: 400px;
}
}
@media only screen and (min-width: 1200px) {
 .home .owl-dots {
    top: 550px;
}
}
@media only screen and (min-width: 1600px) {
 .home .owl-dots {
    top: 700px;
}
}
 
 
.owl-theme .owl-dots .owl-dot span {
    width: 16px;
    height: 16px;
    background: #dedede;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    margin: 0 5px;
}

.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 0px;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #fff;
}

.sidebar-widget .owl-theme .owl-dots .owl-dot span,
.footer-widget .owl-theme .owl-dots .owl-dot span {
    width: 14px;
    height: 14px;
}

.footer-dark .owl-theme .owl-dots .owl-dot span {
    background: #494949;
}

.footer-dark .owl-theme .owl-dots .owl-dot.active span,
.footer-dark .owl-theme .owl-dots .owl-dot:hover span {
    background: #ffffff;
}

.owl-theme .owl-nav {
    margin: 0 0 40px;
    padding: 0 10px;
    text-align: left;
}

.owl-theme .owl-nav [class*=owl-] {
    margin: 0 3px;
    padding: 2px 9px;
    border: 1px solid #010101;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #fff;
    color: #010101;
}

.owl-theme .owl-nav [class*=owl-] .fa {
    font-weight: bold;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: #ffffff;
    color: #fff;
}

iframe[name="google_conversion_frame"] {
    height: 0 !important;
    width: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    margin-top: -13px;
    float: left;
}

.seperator {
    width: 100%;
    height: 1px;
    display: block;
    margin: 0 0 40px;
    background: #ebebeb;
}

#sidebar .seperator {
    margin: 0 0 40px;
}

#page-wrapper > .container:nth-of-type(1) {
    margin-top: -300px;
    padding-top: 306px;
}

@media only screen and (min-width: 768px) {

    #page-wrapper > .container:nth-of-type(1) {
        padding-top: 320px;
    }

}

.barcelona-buddypress,
.barcelona-bbpress {
    margin-bottom: 60px;
}

.bypostauthor {}

.gallery-caption {}








/* ------------------
 * 2. Transitions
 * ------------------ */





/* ------------------
 * 8.2. Positioning
 * ------------------ */
#sidebar {
    width: auto;
    z-index: 1;
}

#sidebar .sidebar-inner {
    width: 100%;
    overflow: hidden;
}

@media only screen and (min-width: 560px) {

    #sidebar {
        margin: 0 -15px;
    }

    #sidebar .sidebar-inner {
        width: 300px;
    }

}

@media only screen and (min-width: 768px) {

    #sidebar {
        margin: 0;
    }

    #sidebar .sidebar-inner {
        width: auto;
    }

}

@media only screen and (min-width: 992px) {

    .sidebar-right #main {
        float: left;
        padding-right: 19px;
    }

    .sidebar-right #sidebar {
        float: right;
        padding-left: 15px;
    }

    .sidebar-left #main {
        float: right;
        padding-left: 19px;
    }

    .sidebar-left #sidebar {
        float: left;
        padding-right: 15px;
    }

    .has-sidebar #main {
        width: 589px;
    }

    #sidebar {
        width: 351px;
    }

    .boxed-layout .container,
    .boxed-layout-bg .container {
        width: 970px;
        padding-left: 15px;
        padding-right: 15px;
    }

}

@media only screen and (min-width: 1032px) {

    .boxed-layout .container,
    .boxed-layout-bg .container {
        width: 990px;
        padding-left: 25px;
        padding-right: 25px;
    }

}

@media only screen and (min-width: 1200px) {

    .sidebar-right #main {
        padding-right: 27px;
        border-right: 1px solid #f3f3f3;
    }

    .sidebar-right #sidebar {
        padding-left: 26px;
    }

    .sidebar-left #main {
        padding-left: 27px;
        border-left: 1px solid #f3f3f3;
    }

    .sidebar-left #sidebar {
        padding-right: 26px;
    }

    .has-sidebar #main {
        width: 778px;
    }

    #sidebar {
        width: 362px;
    }

    .boxed-layout .container,
    .boxed-layout-bg .container {
        width: 1170px;
        padding-left: 10px;
        padding-right: 10px;
    }

}

@media only screen and (min-width: 1240px) {
	
	.container,
    .container {
        width: 1200px;
        padding-left: 20px;
        padding-right: 20px;
    }

}

@media only screen and (min-width: 1300px) {
	
	.container,
    .container {
        width: 1270px;
        padding-left: 25px;
        padding-right: 25px;
    }

}

@media only screen and (min-width: 1600px) {
	
	.container,
    .container {
        width: 1530px;
        padding-left: 35px;
        padding-right: 35px;
    }

}


/* ------------------
 * 10.1. Posts Box
 * ------------------ */


.box-header.has-title:after {
    display: none;
}


.fimg-no-thumb:not(.fimg-media) .featured-image .vm-middle:after {
    display: none;
}


/* ------------------
 * 10.2. Post Summary
 * ------------------ */
 
 .post-summary .post-image .overlay {
    display: block;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    background-color: rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}


.post-summary .post-image .overlay .fa {
    padding: 15px 0 15px;
    width: 65px;
    height: 65px;
    border: 2px solid #fff;
    border-radius: 100%;
    line-height: 33px;
    vertical-align: middle;
    text-align: center;
    font-size: 32px;
    background-color: rgba(0,0,0,0);
}

/* ------------------
 *  11. Footer
 * ------------------ */
.footer-widget h6 {
	text-transform: uppercase;
	font-weight: normal;
	color: #333;
	font-size: 11px;
	text-align: center;
	font-family: Arial;
}


.sponsor {
	max-height: 40px;
	width: auto;
	padding: 0 10px;
}

 
/* ------------------
 *  12. Single Post & Page (Singular)
 * ------------------ */

/* ------------------
 *  12.1. Featured Image Area
 * ------------------ */

 /*
 * Featured Image Area - Parallax
 */
.barcelona-parallax-wrapper {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 560px;
    overflow: hidden;
    background-color: #010101;
}

@media only screen and (max-width: 767px) {

    .barcelona-parallax-wrapper {
        top: auto !important;
        bottom: 0;
        height: auto !important;
        min-height: 424px;
    }

}

.barcelona-parallax-inner {
    position: absolute;
    overflow: hidden;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
}

.barcelona-parallax-inner img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    min-width: 50%;
    min-height: 50%;
    max-width: 100%;
    height: auto;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 0.8;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}

@media only screen and (max-width: 767px) {

    .barcelona-parallax-inner img {
        transform: translate3d(0px, 0px, 0px) !important;
    }

}
 
 /* ------------------
 *  12.2. Post Content
 * ------------------ */

.prepr-adlabel {
	text-transform: uppercase;
	font-weight: normal;
	color: #c2c2c2;
	font-size: 11px;
	text-align: center;
	font-family: Arial;
	margin-bottom : 30px;
}

.post-content h6 {
	text-transform: uppercase;
	font-weight: normal;
	color: #c2c2c2;
	font-size: 11px;
	text-align: center;
	font-family: Arial;
}

.post-content blockquote {
    border: none;
    min-height: 71px;
    margin: 0 0 50px;
    padding: 15px 60px 0 100px;
    background: url('images/quotes.png') no-repeat 40px 20px;
    line-height: 1.875;
    font-size: 16px;
    font-weight: 400;
}

.post-content iframe,
.post-content object,
.post-content video {
	margin-left: auto !important;
    margin-right: auto !important;
}

.post-content .wp-caption img {
	max-width: 100%;
}



@media only screen and (min-width: 1300px) {
 
section.post-content:not(.section-html) img {
  height:auto;
  width: 120%;
  margin:0 auto 0 -100px;
}

section.post-content:not(.section-html) .gallery-item img {
  height:auto;
  width: 100%;
  margin:auto;
}

.post-content .wp-caption {
    max-width: 120%;
    margin:0 auto 20px -100px;
    padding: 10px;
    border: 1px solid rgb(230,230,230);
    background: rgb(250,250,250);
}

section.post-content:not(.section-html) img[width='511'] {
	height:auto;
	width: auto;
	margin: 5% auto;
}

section.post-content:not(.section-html) .wp-caption img {
	max-width: 100%;
	margin:0 auto;
}
 

section.post-content img {
	max-width: 120%;
	margin:0 auto;
}

section.post-content iframe,
section.post-content object,
section.post-content video {
	margin-left: auto !important;
    margin-right: auto !important;
}

}

.responsive-container { position: relative; padding-bottom: 50.25%; padding-top: 30px; height: 0; overflow: hidden; margin-bottom: 1em; }
.responsive-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}



/* ------------------
 * 13. Featured Posts
 * ------------------ */
.featured-posts > .container {
    position: relative;
    z-index: 1;
    padding-top: 21px;
    padding-bottom: 35px;
}

.has-breadcrumb .featured-posts > .container {
    padding-top: 0;
}

@media only screen and (max-width: 767px) {

    .featured-posts > .container {
        margin-top: -10px;
        padding: 0 0 15px;
    }

}

.featured-posts.fptype-category > .container {
    padding-bottom: 30px;
}

.featured-posts .fp-box {
    position: relative;
    z-index: 3;
    background-color: black !important;
}

.featured-posts .fp-box .fp-inner {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    min-height: 384px;
}

.featured-posts .fp-box-h1 .fp-inner {
    min-height: 312px;
}

@media only screen and (max-width: 991px) {

    .featured-posts .fp-box-h1.fp-box-c2 .fp-inner {
        min-height: 188px;
    }

}

@media only screen and (min-width: 992px) {

    .featured-posts .fp-box .fp-inner {
        min-height: 484px;
    }

    .featured-posts .fp-box-h1 .fp-inner {
        min-height: 241.5px;
    }

}

@media only screen and (min-width: 1200px) {

    .featured-posts > .container,
    .featured-posts .fp-box .fp-inner {
        min-height: 584px;
    }

    .featured-posts.fpstyle-e > .container,
    .featured-posts .fp-box-h1 .fp-inner {
        min-height: 291.5px;
    }

}

.featured-posts .owl-carousel {
    width: auto;
}

.featured-posts .fp-box .post-title {
	margin:0 0 10px;
	display:block;
    letter-spacing: -0.6px;
    text-transform: none;
    font-size: 24px;
	font-weight: bold;
	line-height:1.2;
    color: #fff;
}

.featured-posts .fp-box .mask-title {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-indent: -9999px;
    background-color: transparent;
}

.featured-posts:not(.fpstyle-a) .fp-box .vm-wrapper {
    text-align: left;
}

.featured-posts:not(.fpstyle-a) .fp-box .vm-middle {
    padding: 0 0 15px 30px;
    vertical-align: bottom;
    text-align: left;
}

.featured-posts .fp-box-h2 .vm-middle {
    width: 90%;
}

.featured-posts .fp-box-h2 .post-title {
    font-size: 24px;
}

.featured-posts .fp-box .post-meta {
    position: relative;
    z-index: 2;
    display: inline-block;
    margin: 0;
    color: #fff;
    opacity: 0.65;
    font-size: 13px;
}

.featured-posts .fp-box .post-meta .fa {
    margin-right: 8px;
}

.featured-posts .fp-box .post-meta a {
    color: #fff;
}

.featured-posts .fp-box .post-meta .post-categories ul {
    display: inline-block;
    vertical-align: top;
}

.featured-posts .fp-box .backstretch {
    opacity: 0.65;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.featured-posts .owl-theme .owl-nav {
    opacity: 0;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    margin: 16px 20px 0 0;
    padding: 0;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.featured-posts > .container:hover .owl-theme .owl-nav {
    opacity: 1;
}

.featured-posts .fp-col .fp-box {
    margin: 0 0 4px;
}

@media only screen and (min-width: 768px) {

    .featured-posts .fp-box .post-title {
        margin-bottom: 5px;
        letter-spacing: -1.2px;
        font-size: 24px;
    }

    .featured-posts .owl-carousel {
        margin: 0;
    }

    .owl-carousel.owl-theme.owl-loaded {}

    .featured-posts .fp-col .fp-box {
        margin: 0 1px 1px 0;
    }

    .featured-posts .fp-box:hover .backstretch {
        opacity: 0.65;
    }

    .featured-posts .fp-box-h2 .vm-middle {
        width: 80%;
    }

    .featured-posts .fp-box-h2 .post-title {
        font-size: 32px;
    }

}

@media only screen and (min-width: 992px) {

    .featured-posts .fp-box-h2 .vm-middle {
        width: 70%;
    }

    .featured-posts .fp-box-h2 .post-title {
        font-size: 30px;
    }

}

@media only screen and (min-width: 1200px) {

    .featured-posts .fp-box-h2 .vm-middle {
        width: 60%;
    }

    .featured-posts .fp-box-h2.fp-box-c2 .vm-middle {
        width: 99%;
    }

    .featured-posts .fp-box-h2 .post-title {
        font-size: 34px;
    }

}

.featured-posts .fp-box .backstretch {
    opacity: 0.8;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}

@media only screen and (min-width: 768px) {

    .featured-posts .fp-box .backstretch {
        opacity: 0.8;
    }

}

.featured-posts .owl-theme .owl-nav [class*=owl-] {
    margin: 0 4px;
    padding: 8px 18px;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: rgba(255,255,255,0.65);
    opacity: 1;
    color: #fff;
}

.featured-posts .owl-theme .owl-nav [class*=owl-].disabled {
    background: rgba(255,255,255,0.25);
}

.featured-posts .owl-theme .owl-nav [class*=owl-] .fa {
    font-size: 28px;
    font-weight: bold;
}

.featured-posts .owl-theme .owl-nav [class*=owl-]:not(.disabled):hover {
    background: rgba(255,255,255,0.65);
    color: #010101;
}



/* ------------------
 *  15. Gallery
 * ------------------ */
 
 .gallery-icon:hover .caption-overlay {
    opacity: 1;
}

.gallery-icon a {
    display: block;
    background-color: #010101;
}

.gallery-icon a img {
    width: 100%;
    height: auto;
    opacity: 1;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}

.gallery-icon:hover a img {
    opacity: 0.8;
}


/* ------------------
 *  16. Contact Form 7
 * ------------------ */
div.wpcf7 {
    margin: 40px 0;
    font-size: 14px;
}

.post-content > div.wpcf7:first-child {
    margin-top: 0;
}

div.wpcf7-response-output {
    margin: 2em 0 1em;
    padding: 0.2em 1em;
}

div.wpcf7-mail-sent-ok {
    border: none;
    background-color: #509034;
    color: #fff;
}

div.wpcf7-spam-blocked {
    border: none;
    background-color: #FFF6E5;
    color: #ffa500;
}

div.wpcf7-validation-errors,
div.wpcf7-mail-sent-ng {
    border: none;
    background-color: #FFF4F4;
    color: #cc1919;
}

span.wpcf7-form-control-wrap {
    position: relative;
    z-index: 1;
}

span.wpcf7-not-valid-tip {
    display: block;
    color: #f2132d;
    font-size: 1em;
}

span.wpcf7-list-item {
    margin-left: 0.5em;
}

.wpcf7-display-none {
    display: none;
}

div.wpcf7 img.ajax-loader {
    border: none;
    vertical-align: middle;
    margin-left: 4px;
}

div.wpcf7 div.ajax-error {
    display: none;
}

div.wpcf7 .placeheld {
    color: #888;
}

.wpcf7-form p {
    margin-bottom: 30px;
    text-transform: uppercase;
    font-weight: bold;
    color: #464646;
}

.wpcf7-form .wpcf7-form-control {
    margin-top: 10px;
    font-weight: normal;
}

.wpcf7-text,
.wpcf7-textarea {
    width: 290%;
    padding: 10px 15px;
    border: none;
    background-color: #eee;
    font-size: 14px;
}

@media only screen and (min-width: 1200px) {

    .wpcf7-text {
        width: 290%;
    }

}

.wpcf7-textarea {
    resize: vertical;
}

.wpcf7-text:focus,
.wpcf7-textarea:focus {
    outline: 0;
}

.wpcf7-submit {
    padding: 10px 15px;
    border: none;
    text-transform: uppercase;
    font-weight: bold !important;
    background-color: #cc1919;
    color: #fff;
}

.wpcf7-submit:focus {
    outline: 0;
}

.wpcf7-submit:hover {
    border-color: #e71d1d;
    background-color: #e71d1d;
}