/* FONTS */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,700');
@import url('https://fonts.googleapis.com/css?family=Dancing+Script:400,700');

html, body {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 14px;
    line-height: 1.5;
}

section {
    margin: 0 0 30px 0;
}

.m-t-0 {margin-top: 0px !important;}

/* TYPOGRAPHY */
p {margin: 0 0 15px 0;}

a {color: #A83367;}
a:hover {color: #A83367;}

h1, h2, h3, h4, h5, h6 {
    color: #A83367;
    margin: 0 0 15px 0;
    padding: 0;
}

ol, ul {
    margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
    .img-responsive {
        width: 100%;
        float: none;
    }
    h1 small {
        display: none;
    }
}

blockquote {
    font-size: 16px;
    line-height: 1.5;
    margin: 0;
}
blockquote p {
    font-style: italic;
}
blockquote cite {
    display: block;
    font-weight: 700;
}
blockquote cite:before {
    content: "- ";
    position: relative;
}


/* FORMS */
.form-control {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.form-control:focus {
    border-color: #A83367;
    -webkit-box-shadow: 0px 0px 5px #A83367;
    -moz-box-shadow: 0px 0px 5px #A83367;
    box-shadow: 0px 0px 5px #A83367;
}

/* BUTTONS */
.btn-primary {
    color: #FFFFFF;
    background-color: #A83367;
    border-color: #A83367;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.btn-primary:hover {
    background-color: #942D5B;
    border-color: #942D5B;
}

/* SOCIAL */
ul.social-links {
    list-style-type: none;
    margin: 0 0 30px 0;
    padding: 0;
}
ul.social-links li {
    display: block;
    margin-right: 15px;
}
ul.social-links li:last-child {
    margin-right: 0;
}
ul.social-links li a {
    font-size: 50px;
}
ul.social-links li a:hover {
    text-decoration: none;
}
ul.social-links li.facebook a {color: #3b5999;}
ul.social-links li.twitter a {color: #55acee;}
ul.social-links li.pinterest a {color: #bd081c;}
ul.social-links li.youtube a {color: #cd201f;}
ul.social-links li.instagram a {color: #e4405f;}

@media screen and (max-width: 767px) {
    ul.social-links li a {
        font-size: 35px;
    }
}

/* NAVBAR */
.navbar {
    margin: 0 0 30px 0;
    border-top: 1px solid #DEDEDE;
    border-bottom: 1px solid #DEDEDE;
}
.navbar-nav > li > a {
    color: #A83367;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.navbar-nav > li > a:hover {
    background-color: #A83367;
    color: #FFFFFF;
}

.home .navbar {margin-bottom: 0px;}

/* MOBILE NAV */
.navbar-toggle {
    float: none;
}
.navbar-toggle .icon-bar {
    background-color: #A83367;
}
@media screen and (max-width: 767px) {
    .navbar-header {
        text-align: center;
    }
}

/* HEADER */
header .header__contact {
    padding: 30px 0;
}
header .header__contact p {
    color: #A83367;
    font-size: 16px;
    line-height: 24px;
    text-align: right;
    margin: 0;
}
header .header__contact p a {
    color: #A83367;
}
header .header__contact p a:hover {
    text-decoration: none;
}

@media screen and (max-width: 991px) {
    a.logo {
        display: block;
        width: 100%;
    }
    a.logo img {
        margin: 0 auto;
    }
    header .header__contact {
        padding: 10px 0 15px 0;
    }
}
@media screen and (max-width: 767px) {
    header .header__contact p {
        text-align: center;
    }
}

/* PAGE TITLE */
section.page-title {}
section.page-title h1 {
    color: #A83367;
    margin: 0;
}
section.page-title h1 small {
    color: #333333;
    border-bottom: 1px solid #A83367;
    padding-bottom: 5px;
    font-size: 16px;
}


/* CLIENTS */
section.clients {}
section.clients p {
    color: #CCCCCC;
    font-family: 'Dancing Script', serif;
    font-size: 25px;
    margin: 5px 0 0 0;
}


/* CMS AREA */
.cms-area img {
    margin: 30px 0;
}
.cms-area img.pull-left {
    margin: 0px 30px 30px 0;
}
.cms-area img.pull-right {
    margin: 0px 0 30px 30px;
}

@media screen and (max-width: 767px) {
    .cms-area h2 {
        margin: 15px 0;
    }
}

/* GALLERY */
.gallery {
    position: relative;
    display: block;
    background-color: red;
    margin-bottom: 30px;
    min-height: 300px;
}
.galleries .col-sm-12:last-of-type .gallery {
    margin-bottom: 0px;
}
.galleries a {}
.galleries a:hover {
    text-decoration: none;
}

.gallery-details {
    position: absolute;
    padding: 15px;
    bottom: 0;
    width: 100%;
}
.gallery-details h2 {
    color: #FFFFFF;
    font-size: 22px;
    font-weight: 700;
}
.gallery-details p {
    color: #FFFFFF;
}
.gallery-details p:last-of-type {
    margin: 0px;
}

#gallery1 {
    background: url(../../images/gallery-banner_1.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-bottom: 0px;
}

#fancybox-outer:hover #fancybox-title {
    opacity: 1 !important;
}

#fancybox-title {
    opacity: 0 !important;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -ms-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}

.fancybox-title-over {

    background-color: rgba(0, 0, 0, 0.7);
    margin-left: 0px !important;
    padding-left: 10px;
    font-size: 16px;
    font-weight: normal;
}
.fancybox-title-over b {
    font-weight: normal;
    letter-spacing: 4px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

@media screen and (max-width: 991px) {
    #gallery1 {
        margin-bottom: 30px;
    }
}

#gallery1 .gallery-details {
    background-color: #34145A;
}
#gallery2 {
    background: url(../../images/gallery-banner_2.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#gallery2 .gallery-details {
    background-color: #A83367;
}

/* PRESS */
.thumbnail {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.thumbnail img {
    margin-bottom: 10px;
}
.thumbnail p {
    margin: 0;
}
.media-heading {
    font-size: 26px;
}

/* REPRESENTATION */
.gallery > img.map {
    margin: 0px;
}
.representation-details {
    background-color: #A83367;
    padding: 30px;
}
.representation-details h2 {
    color: #FFFFFF;
    font-weight: 700;
    margin: 0 0 10px 0;
}
.representation-details p {
    color: #FFFFFF;
    margin: 0;
}
.representation-details p.contact__details {
    font-size: 16px;
}
.representation-details p.contact__details i {
    margin-right: 10px;
}
.representation-details p.contact__details a {
    color: #FFFFFF;
}

.gallery#gallery__carmel {
    background: url(../../images/map1bg.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.gallery#gallery__anne {
    background: url(../../images/map2bg.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.gallery#gallery__ventana {
    background: url(../../images/map3bg.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.gallery#gallery__chasen {
    background: url(../../images/map4bg.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

@media screen and (max-width: 767px) {
    .gallery > img {
        margin: 0px;
        border: 0px;
    }
    .representation-details {
        padding: 15px;
    }
    .representation-details h2 {
        font-size: 20px;
    }
    .representation-details h2 + p {
        margin-bottom: 15px;
    }
    .representation-details p a {
        font-size: 13px;
    }
    .representation-details p.contact__details i {
        margin-right: 5px;
    }
    .representation-details p.contact__details {
        font-size: 13px;
    }
}


/* COMMISSIONS - PARALLAX */
.parallax {
    display: block;
    min-height: 400px;
    width: 100%;
}

#parallax1, #parallax2, #parallax3, #parallax4 {}

#parallax1 {
    background: url(../../images/commissions_1.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#parallax2 {
    background: url(../../images/commissions_2.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 550px;
}
#parallax3 {
    background: url(../../images/commissions_3.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#parallax4 {
    background: url(../../images/commissions_4.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#parallax5 {
    background: url(../../images/commissions_5.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#parallax6 {
    background: url(../../images/commissions_6.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#parallax7 {
    background: url(../../images/commissions_15.jpg) no-repeat center center fixed;
    -webkit-background-size: 150%;
    -moz-background-size: 150%;
    -o-background-size: 150%;
    background-size: 150%;
}
#parallax8 {
    background: url(../../images/commissions_16.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/* WORKSHOP PARALLAX */
#workshop-parallax1 {
    background: url(/wp-content/themes/anguswilson/images/workshop-parallax1.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#workshop-parallax2 {
    background: url(/wp-content/themes/anguswilson/images/workshop-parallax2.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.commission {
    position: relative;
}
.commission img {
    display: block;
    width: 100%;
    margin-bottom: 0;
}
#commission1 {}
.commission-details {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 20px;
}
.commission-details h2, .commission-details p {
    color: #FFFFFF
}
.commission-details h2 {
    font-size: 20px;
}
.commission-details p {
    margin: 0;
}
.commission-details.bg-purple {
    background-color: rgba(52,20,90,0.77);
}
.commission-details.bg-pink {
    background-color: rgba(168,51,103,0.77);
}


@media screen and (max-width: 767px) {
    .parallax {
        display: none;
    }
    .commission-details {
        position: relative;
    }
    .commission-details h2 {
        margin-top: 0px;
    }
    .commission-details.bg-purple {
        background-color: rgba(52,20,90,1);
    }
    .commission-details.bg-pink {
        background-color: rgba(168,51,103,1);
    }
    #commission7 {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 1024px) {
    .parallax {
        display: none;
    }
}

/* FOOTER */
footer {
    background-color: #A83367;
    padding: 30px 0;
}
footer h3 {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}
footer p {
    color: #FFFFFF;
    font-weight: 300;
}
footer ul.footer-nav {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}
footer ul.footer-nav li {
    line-height: 1.5;
}
footer ul.footer-nav li a {
    color: #FFFFFF;
    font-weight: 300;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
footer ul.footer-nav li a:hover {
    color: #46152B;
    text-decoration: none;
}
footer ul.social {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}
footer ul.social li {
    display: inline-block;
    margin-right: 10px;
}
footer ul.social li:last-child {
    margin-right: 0px;
}
footer ul.social li a {
    font-size: 25px;
    color: #FFFFFF;
    font-weight: 300;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
footer ul.social li a:hover {
    color: #46152B;
    text-decoration: none;
}
footer.copyright {
    background-color: #942D5B;
    padding: 15px 0;
}
footer.copyright p {
    margin: 0;
    color: #FFFFFF;
    font-weight: 300;
    font-size: 12px;
    line-height: 1;
}
footer form.mailing-list {}
footer form.mailing-list .form-control {
    border: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
footer form.mailing-list .form-control:focus {
    border: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
footer form.mailing-list .btn-primary {
    background-color: #81274F;
    border-color: #81274F;
    text-transform: uppercase;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

footer a {
    color: #FFFFFF;
}
footer a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}

@media screen and (max-width: 767px) {
    footer .footer-nav {
        margin-bottom: 20px !important;
    }
    footer .social {
        margin-bottom: 20px !important;
    }
}

/* SLIDER */
section.slider {
    position: relative;
    margin: 0 0 30px 0;
}

/* OVERLAY BOX */
.banner_overlay {
    position: absolute;
    bottom: 30px;
    z-index: 1;
    text-align: center;
    width: 100%;
}
.overlay_box {}
.overlay_box#box1 {}
.overlay_box#box2 {}

@media screen and (max-width: 767px) {
    .banner_overlay {
        position: relative;
    }
}

/* VIDEOS */
.videos {}
.videos a {
    display: block;
    text-align: center;
}
.videos a img {
    margin: 0 auto;
}