/* 
    Created on  : Sep 22, 2016, 3:46:10 PM
    Author      : Sergiu
    Role        : Pages style
*/

/*############################################################################*/

/*Subscribe page*/
.page-template-page-subscribe  h1.section-title {
    display: table;
    margin: 0 auto 50px auto;
    color: #FFF;
    font-size: 26px;
    text-align: center;
    text-transform: uppercase;
    border-bottom: 1px solid #CC2255;
    font-weight: 600;
    letter-spacing: 1px;
}

.page-template-page-manual .hentry {
    padding-bottom: 10px;
    margin-bottom: 0;
}

.pdf-download {
    display: table;
    margin: 20px auto 5px auto;
    color: #FFF;
    text-transform: uppercase;
    font-size: 22px;
    border: 1px solid #FFF;
    width: 100%;
    max-width: 400px;
    text-align: center;
    line-height: 40px;
}

.page-template-page-manual .embed-videos {
    margin: 50px 0;
}

.page-template-page-manual .embed-videos .video {
    width: 50%;
    float: left;
    margin-bottom: 30px;
}

.page-template-page-manual .embed-videos .description {
    width: 50%;
    float: left;
    padding-left: 50px;
    min-height: 400px;
}

.page-template-page-manual p {
    color: white;
}

.page-template-page-subscribe .mailchimp-subscribe h1.section-title {
    border-bottom: 1px solid #FFF;
}

/*############################################################################*/

/*Contact page*/
.page-id-16840 article,
.page-id-799 article {
    margin: 0;
    padding: 0;
}

.page-id-16840 .entry-content,
.page-id-799 .entry-content {
    background: #838f9b;
    padding: 50px 0;
}

.page-id-16840 .entry-content p,
.page-id-799 .entry-content p {
    color: #262834;
    text-align: center;
    margin-bottom: 70px;
}

.page-id-16840 .entry-content .frm_forms.frm_style_formidable-style.with_frm_style,
.page-id-799 .entry-content .frm_forms.frm_style_formidable-style.with_frm_style {
    max-width: 600px;
    margin: 0 auto;
}

.page-id-16840 form input[type="submit"],
.page-id-799 form input[type="submit"] {
    background: transparent!important;
    display: table!important;
    margin: 50px auto 0 auto!important;
    color: #FFF!important;
    text-transform: uppercase;
    font-size: 26px!important;
    border: 1px solid #FFF!important;
    padding: 0!important;
    line-height: 50px!important;
    box-shadow: none!important;
    width: 100%!important;
    max-width: 450px;
    text-align: center!important;    
    font-family: ApexBook!important;
}

.page-id-16840 .send-email,
.page-id-799 .send-email {
    display: table;
    margin: 0 auto 50px auto;
    color: #FFF;
    text-align: center;
    border-bottom: 1px solid #FFF;
    font-size: 26px;
    text-transform: uppercase;
    font-family: ApexBook!important;
    font-weight: 600;
    letter-spacing: 0.1px;
}

@media screen and (max-width: 440px) {
    .page-id-16840 .entry-content,
    .page-id-799 .entry-content {
        padding: 40px 0;
    }
}

/*############################################################################*/

/*About us*/
.page-template-page-about .entry-content > h1 {
    display: table;
    margin: 0 auto 50px auto;
    color: #FFF;
    font-size: 26px;
    text-align: center;
    text-transform: uppercase;
    border-bottom: 1px solid #CC2255;
    font-weight: 600;
    letter-spacing: 1px;
}

.page-template-page-about p {
    color: #FFF;
}

.page-template-page-about p:last-child {
    margin: 0;
}

.page-template-page-about .about-info-section,
.page-template-page-about .about-banner-section,
.page-template-page-about .about-iwpr-section,
.page-template-page-about .about-program-section {
    padding: 70px 0;
}

/*First section*/
.page-template-page-about .about-info-section {
    background: #CDD2D7;
}

.page-template-page-about .about-info-section:after {
    content: "";
    clear: left;
    display: table;
}

.page-template-page-about .about-info-section h1 {
    color: #000;
    font-weight: 700;
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 40px;
}

.page-template-page-about .about-info-section p {
    color: #000;
    font-size: 18px;
    margin-bottom: 20px;
}

.page-template-page-about .about-info-section img + p {
    margin-top: 30px;
    float: left;
    width: 100%;
}

.page-template-page-about .about-info-section img {
    float: left;
    width: 50%;
    margin-top: 30px;
}

/*Second section*/
.page-template-page-about .about-banner-section {
    background: #92D7D3;
}

/*Third section*/
.page-template-page-about .about-iwpr-section {
    background: #24B2AA;
}
.page-template-page-about .about-iwpr-section h1 {
    color: #FFF;
    font-weight: 700;
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.page-template-page-about .about-iwpr-section p {
    display: block;
    width: calc(100% - 250px);
    float: left;
    margin-right: 10px;
}

.page-template-page-about .about-iwpr-section img {
    max-width: 240px;
}

/*Last section*/
.page-template-page-about .about-program-section {
    background: #92D7D3;
}

.page-template-page-about .about-program-section:after {
    display: table;
    content: "";
    clear: both;
}

.page-template-page-about .about-program-section h1 {
    color: #000;
    font-weight: 700;
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.page-template-page-about .about-program-section .statistics h3,
.page-template-page-about .about-program-section h1 + h2 {
    font-weight: 600;
    margin-top: 50px;
    font-size: 24px;
    text-align: left;
}

.page-template-page-about .about-program-section .statistics .statistics-inner {
    padding: 0;
}

.page-template-page-about .about-program-section .statistics .statistics-inner .stat {
    display: block;
    margin: 30px 0 0 0;
    width: 25%;
    float: left;
    height: 190px;
}

.page-template-page-about .about-program-section .statistics .statistics-inner .stat:first-child .number {
    color: #530B32!important;
}

.page-template-page-about .about-program-section .statistics .statistics-inner .stat:nth-child(2) .number {
    color: #D8CABD!important;
}

.page-template-page-about .about-program-section .statistics .statistics-inner .stat:nth-child(3) .number {
    color: #D2D2E5!important;
}

.page-template-page-about .about-program-section .statistics .statistics-inner .stat:nth-child(4) .number {
    color: #7C134F!important;
}

.page-template-page-about .about-program-section .statistics .statistics-inner .stat:nth-child(5) .number {
    color: #995B7C!important;
}

.page-template-page-about .about-program-section .statistics .statistics-inner .stat:nth-child(6) .number {
    color: #D6AEBF!important;
}

.page-template-page-about .about-program-section .statistics .statistics-inner .stat:nth-child(7) .number {
    color: #E5CCDB!important;
}

.page-template-page-about .about-program-section .statistics .statistics-inner .stat:nth-child(8) .number {
    color: #B5839C!important;
}

.page-template-page-about .about-program-section .statistics .statistics-inner .stat:nth-child(9) .number {
    color: #C5A9A4!important;
}

.page-template-page-about .about-program-section .statistics .statistics-inner .stat:last-child .number {
    color: #CEB87A!important;
}
/*############################################################################*/

/*Story page*/
.story-header {
    background: #39394A;
    padding: 70px 0 30px 0;
}

.story-header .story-title {
    text-align: center;
    border-bottom: 1px solid #607890;
    color: #FFF;
    font-family: ApexBold!important;
    font-weight: 600;
    font-size: 28px;
    padding-bottom: 20px;
    letter-spacing: 0px;
}

.story-header .story-meta {    
    margin: 0 0 50px 0;
    list-style-type: none;
    text-align: center;
}

.story-header .story-meta li {
    display: inline-block;
    border-right: 1px solid #607890;
    margin: 0;
    padding: 0 10px;
    color: #607890;
    font-size: 14px;
}
.story-header .story-meta li.location,
.story-header .story-meta li.writer,
.story-header .story-meta li.location a,
.story-header .story-meta li.writer a {
    font-family: ApexBold!important;
    font-weight: 600;
}

.story-header .story-meta li a {
    color: #607890;
}

.story-header .story-meta li:first-child {
    padding: 0 10px 0 0;
}

.story-header .story-meta li:last-child {
    border-right: none;
}

.story-header img {
    width: auto;
    height: auto;
    max-width: 600px;
    max-height: 400px;
}

.story-header p {
    text-align: center;
    color: #FFF;
    font-size: 14px;
    margin-top: 20px;
}

.story-quote {
    background: #637B94;
    padding: 70px 0;
}
.story-quote .quote-text {
    color: #FFF;
    font-size: 26px;
    text-align: center;
    font-family: ApexThin!important;
    font-weight: 600;
}

.story-quote .quote-author {
    color: #FFF;
    text-align: center;
    font-size: 32px;
    font-family: ApexThinItalic!important;
    font-weight: 600;
    margin: 0;
}

.story-quote .quote-author:before {
    content: " - ";
    font-family: ApexThinItalic!important;
    font-weight: 600;
}

.story-content {
    padding: 70px 0;
    background: #FFF;
    -moz-box-shadow:    inset  0  50px 50px -50px #696868, 
                        inset  0 -50px 50px -50px #696868;
    -webkit-box-shadow: inset  0  50px 50px -50px #696868, 
                        inset  0 -50px 50px -50px #696868;
     box-shadow:        inset  0  50px 50px -50px #696868, 
                        inset  0 -50px 50px -50px #696868;
}

.story-content p {
    color: #000;
    font-size: 16px;
    clear: left;
}

.story-content p strong {
    font-family: ApexBold!important;
    font-weight: 600;
}

.story-content p a {
    font-family: ApexBold!important;
    font-weight: 600;
    color: #ce2052;
}

.story-content .writter-description {
    margin-bottom: 70px;
    padding-bottom: 70px;
    border-bottom: 1px solid #607890;
}

.story-content .writter-description p {
    margin: 0;
}

/*############################################################################*/

/*Video topic page*/
.category-videos .video-stories + .col-full {
    padding: 50px 0 0 0; 
}

.syria-video-wrapper .video-image {
    position: relative;
    height: 164px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.syria-video-wrapper .video-image:before {
    content: "";
    display: block;
    position: absolute;
    left: calc(50% - 25px);
    top: calc(50% - 25px);
    width: 50px;
    height: 50px;
    background: url(../images/playbutton.png) no-repeat center;
    z-index: 10;
}

/*############################################################################*/

/*Search results page*/
body.search section.no-results .page-content p {
    color: #FFF;
    text-align: center;
    font-size: 18px;
}

body.search section.no-results .page-content input[type="search"] {
    width: 93%;
    width: calc(100% - 64px);
    height: 30px;
}

/*############################################################################*/

/*Photoblog page*/
.photoblog-stories {
    padding: 30px 0;
    min-height: 380px;
    background: #212A35 url(../images/gears.gif) no-repeat center center;
    background-size: 40px;
}

.photoblog-stories .wp-posts-carousel {
    background: #212A35;
}

.photoblog-stories .wp-posts-carousel-slide {
    margin: 0 auto!important;
    padding: 0!important;
}

.photoblog-stories .wp-posts-carousel-container {
    padding: 0!important;
}

.photoblog-stories .wp-posts-carousel-container {
    max-width: 65.141em;
    margin: 0 auto;
    
    background: transparent!important;
    box-shadow: none!important;
    -moz-box-shadow: none!important;
    
}

.photoblog-stories .owl-stage .owl-item {
    min-height: 320px;
}

.photoblog-stories .wp-posts-carousel-container:after {
    display: table;
    content: "";
    clear: both;
}

.photoblog-stories .wp-posts-carousel-image {
    position: relative;
    height: 350px;
    width: 350px;
    float: right;
    margin-right: 50px;
    padding: 0!important;
}

.photoblog-stories .wp-posts-carousel-image a {
    display: block;
    height: 100%;
}

.photoblog-stories .wp-posts-carousel-image img {
    display: none; /* neede to remove faulty images on load */
    position: absolute;
    height: 100%;
    max-width: none!important;
    top: 0;
    left: -28%;
}

.photoblog-stories .wp-posts-carousel-details {
    width: 47%;
    float: right;
}

.photoblog-stories .wp-posts-carousel-details h3 {
    text-align: left!important;
    border-bottom: 1px solid #607890;
    padding-bottom: 11px;
    margin-bottom: 0;
}

.photoblog-stories .wp-posts-carousel-details h3 a {
    display: block;
    color: #FFF;
    font-size: 28px!important;
    line-height: 34px;
    font-family: ApexBold!important;
    font-weight: 600;
    margin-top: 20px;
}

.photoblog-stories ul.story-meta {
    margin: 0;
    list-style-type: none;
}

.photoblog-stories ul.story-meta li {
    display: inline-block;
    margin: 20px 0!important;
    color: #607890!important;
    font-size: 14px!important;
    line-height: 0.618;
    font-weight: 600;
    padding: 0 10px;
    border-left: 1px solid #607890;
}

.photoblog-stories ul.story-meta li.writer,
.photoblog-stories ul.story-meta li.location,
.photoblog-stories ul.story-meta li.writer a,
.photoblog-stories ul.story-meta li.location a {
    font-family: ApexBold!important;
    font-weight: 600;
}

.photoblog-stories ul.story-meta li:first-child {
    padding: 0 10px 0 0;
    border-left: none;
}

.photoblog-stories ul.story-meta li a {
    color: #607890;
}

.photoblog-stories .wp-posts-carousel-details .wp-posts-carousel-desc {
    color: #FFF!important;
    font-size: 16px!important;
    line-height: 24px;
    margin: 0;
    padding: 0!important;
}

.photoblog-stories .owl-controls .owl-dots {
    width: 420px;
    position: absolute;
    left: 53%;
    bottom: 10px;
    margin-top: 10px;
    text-align: center;
}

/*############################################################################*/

/*Photos landing page*/
.gallery-images .col a {
    display: block;
    position: relative;
    width: 100%;
    height: 210px;
    background-size: cover;
    background-position: center;
    margin-bottom: 35px;
}

.gallery-images .col a .syria-overlay {
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.gallery-images .col a .syria-overlay:hover {
    opacity: 1;
}

.gallery-images .col a .syria-overlay:before {
    display: block;
    position: absolute;
    left: calc(50% - 15px);    
    top: calc(50% - 15px);
    width: 30px;
    height: 30px;
    background: #ce2052;
    border-radius: 100%;
    cursor: pointer;
    content: "+";
    color: #FFF;
    line-height: 30px;
    text-align: center;
    font-size: 46px;
    font-family: ApexThin;
    font-weight: 600;
}

/*############################################################################*/


@media screen and (max-width: 814px) {
    .photoblog-stories {
        padding: 0 0 30px 0;
    }
    
    .photoblog-stories ul.story-meta li {
        margin: 10px 0!important;
        color: #FFF!important;
        font-size: 12px!important;
        padding: 0 5px;
    }
    
    .photoblog-stories ul.story-meta li:first-child {
        padding: 0 5px 0 0;
    }
    
    .photoblog-stories .default-theme.wp-posts-carousel .owl-controls .owl-nav .owl-next {
        top: 80%!important;
        right: -10px!important;
    }
    
    .photoblog-stories .default-theme.wp-posts-carousel .owl-controls .owl-nav .owl-prev {
        top: 80%!important;
        left: -10px!important;
    }
    
    .photoblog-stories .wp-posts-carousel-image img {
        position: relative;
        left: 0;
    }
    
    .photoblog-stories .owl-controls .owl-dots {
        width: 100%;
        left: 0;
        bottom: -5px;
    }
    
    .photoblog-stories .wp-posts-carousel-container {
        max-width: 100%;
    }
    
    .default-theme.wp-posts-carousel .wp-posts-carousel-slide {
        padding: 0!important;
        margin-left: 0!important;
        width: 100%!important;
    }
    
    .photoblog-stories .wp-posts-carousel-details,
    .photoblog-stories .wp-posts-carousel-image {
        width: 100%;
        float: none;
        margin: 0;
    }
    
    .photoblog-stories .wp-posts-carousel-details {
        width: 80%;
        margin: 0 auto;
    }
    
    .photoblog-stories .wp-posts-carousel-details h3 a {
        display: block;
        color: #FFF;
        font-size: 22px!important;
        line-height: 26px;
    }
    
    .photoblog-stories .wp-posts-carousel-details .wp-posts-carousel-desc {
        font-size: 14px!important;
        line-height: 26px;
    }
}

@media screen and (max-width: 768px) {
    
    /*About*/
    
    .page-template-page-about .about-iwpr-section p {
        width: 100%;
    }
    
    .page-template-page-about .about-iwpr-section a {
        display: table;
        margin: 0 auto;
    }
    
    .page-template-page-about .about-program-section .statistics .statistics-inner .stat {
        width: 50%;
    }
    
}


@media screen and (max-width: 440px) {
    .page-template-page-about .about-program-section .statistics .statistics-inner .stat {
        width: 100%!important;
    }
    
    .page-template-page-about .about-program-section .statistics .statistics-inner .stat {
        margin: 10px 0 0 0;
    }
    
    .page-template-page-about .about-program-section .statistics h3, 
    .page-template-page-about .about-program-section h1 + h2 {
        font-size: 20px;
    }
    
    .page-template-page-about .about-info-section img {
        float: none;
        width: 100%;
        margin-top: 10px;
    }
    
    .page-template-page-about .about-info-section p {
        font-size: 14px;
    }
}