/*
 Theme Name:   ResponsiveBoat
 Description:  ResponsiveBoat is a free responsive WordPress theme, with a friendly and colorful design. It comes with a full-screen layout, a full-width homepage header, elegant parallax effect, and nice animations. It can be used web agencies, digital studios, corporate, product showcase, personal and business portfolio. Overall, ResponsiveBoat looks very modern and interactive.
 Author:       Themeisle
 Author URI:   https://themeisle.com
 Template:     zerif-lite
 Version:      1.0.8
 License:      GNU General Public License version 2
 License URI:  license.txt
 Text Domain:  responsiveboat
 Tags:         black, gray, red, white, one-column, two-columns, right-sidebar, responsive-layout, custom-background, custom-menu, editor-style, featured-images, threaded-comments, translation-ready
*/


/*--------------------------------------------------------------
General
--------------------------------------------------------------*/
.green-btn, .red-btn, .blue-btn, .yellow-btn {
	background: rgba(255, 255, 255, 0.15);
	border: 1px solid #FFDD00 !important;
}

.green-btn:hover, .red-btn:hover, .blue-btn:hover, .yellow-btn:hover{
	background: #FFDD00;
    border: 1px solid #FFDD00 !important;
    color: #303030 !important;
}

/* MQ voor verhouding container en afbeelding 

@media screen and (max-width: 1500px){
.content-left-wrap {
	margin-left: 100px;

}
}

*/

}

@media (min-width: 992px) {
.container {
    width: 800px;
}
}

@media (min-width: 1200px) {
.container {
    width: 1000px;
}
}

@media (min-width: 1570px) {
.container {
    width: 1170px;
}
}

.custom-button {
    display: inline-block !important;
    text-align: center;
    text-transform: uppercase;
    padding: 13px 35px;
    border-radius: 3px;
    margin: 10px;
    border: medium none;
}



@media screen and (max-width: 480px){                 /* gele knoppen iPhone */

.custom-button {
    display: inline-block !important;
    text-align: center;
    text-transform: uppercase;
    padding: 7px 35px;
    border-radius: 3px;
    margin: 0px 10px 10px 10px;
    border: medium none;
}

.tekstklas1 {              /* text who am I iPhone */
    margin-left: 12px!important;
	margin-right: 12px!important;
    text-align: left;
    width: 95%!important;
}


}



.section-header h2 {
    padding-bottom: 0px;
    text-transform: uppercase;
}
.section-header h2:after {
    content: '';
    display: block;
    height: 3px;
    width: 40px;
    background: #FD0;
    margin: 8px 0 20px 0;
    margin-left: auto;
    margin-right: auto;
}

.testimonial .section-header h2:after {
    background: #404040;
}

.section-header h6 {
    color: #303030;
    font-weight: bold;
    text-transform: uppercase;
	margin: auto;
    width: 67%;
}

p {
    font-family: 'Lato', sans-serif !important;
}

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

.navbar {
	background: rgba(0,0,0,0.8);
	/* height: 190px; */                    /*  home */
	/* background-image: url("http://www.jacquelinenolan.com/wp-content/uploads/2015/10/backhead3.jpg"); */
    background-repeat: no-repeat;
    background-position: left bottom;

}

body.category-3  {
	background-image: url("../jpg/jacquibg-contact.jpg"); 
	background-repeat: no-repeat;

}

.page-id-15 .navbar, .page-id-41 .navbar, .page-id-45 .navbar, .page-id-43 .navbar, .page-id-59 .navbar, .page-id-47 .navbar {
	background: rgba(0,0,0,0.8);
	height: 190px;                     /*  extra writer, plus subpages */
	background-image: url("../jpg/jacqui-strip-write.jpg");
    background-repeat: no-repeat;
    background-position: left bottom;
	background-size: 110%; 
}
@media screen and (max-width: 767px) {
	.page-id-15 .navbar, .page-id-41 .navbar, .page-id-45 .navbar, .page-id-43 .navbar, .page-id-59 .navbar, .page-id-47 .navbar {
	background: rgba(0,0,0,0.8);
	height: 100%;                   /*  extra writer mobile, plus subpages */
	background-size: 100%;
}
}


.page-id-72 .navbar, .page-id-49 .navbar, .page-id-51 .navbar, .page-id-53 .navbar, .page-id-55 .navbar {
	background: rgba(0,0,0,0.8);
	height: 190px;                      /*  extra  actor, plus subpages */
	background-image: url("../jpg/jacqui-strip-corp2.jpg");
    background-repeat: no-repeat;
    background-position: left bottom;
	background-size: 110%; 

}
@media screen and (max-width: 767px) {
	.page-id-72 .navbar, .page-id-49 .navbar, .page-id-51 .navbar, .page-id-53 .navbar, .page-id-55 .navbar {
	background: rgba(0,0,0,0.8);
	height: 100%;                   /*  extra actor mobile, plus subpages */
	background-size: 100%;
}
}

.page-id-13 .navbar, .page-id-32 .navbar, .page-id-34 .navbar, .page-id-36 .navbar {
	background: rgba(0,0,0,0.8);
	height: 190px;                      /*  extra  jacqueline, plus subpages */
	background-image: url("../jpg/jacqui-strip-j2.jpg");
    background-repeat: no-repeat;
    background-position: left bottom;
	background-size: 110%; 
	

}
@media screen and (max-width: 767px) {        /* was 768 */
	.page-id-13 .navbar, .page-id-32 .navbar, .page-id-34 .navbar, .page-id-36 .navbar {
	background: rgba(0,0,0,0.8);
	height: 100%;                   /*  extra jacqueline mobile, plus subpages */
	background-size: 100%;
}
}


.page-id-75 .navbar {
	background: rgba(0,0,0,0.8);
	height: 190px;                      /*  extra  ballydam */
	background-image: url("../jpg/jacqui-strip-maggie.jpg");
    background-repeat: no-repeat;
    background-position: left bottom;
	background-size: 110%; 

}
@media screen and (max-width: 767px) {
	.page-id-75 .navbar {
	background: rgba(0,0,0,0.8);
	height: 100%;                   /*  extra ballydam mobile */
	background-size: 100%;
}
}


.navbar.navbar-black {
	background: rgba(0,0,0,0.2);
}



ul.nav > li.current_page_item > a:before {
	 background:#FD0;
}
.navbar-inverse .navbar-nav > li > a {
    font-size: 17px;
    font-family: "Open Sans", "Montserrat", "sans-serif";
	font-weight: 400!important;
    text-transform: uppercase;
    color: #fff;
}
.navbar-inverse .navbar-nav > li > a:hover {
    color: #e4b467 !important;
}
.rb-site-title {
	font-family: 'Open Sans'!important;
	font-weight: 400;
    color: #eae7c6!important;
    font-size: 20px;
    line-height: 20px;
	
	
}
/* titel in menu uit op homepage */
.home .rb-site-title {
    color: #eee;
    font-size: 20px;
    line-height: 20px;
	display: none!important;
	
	
}
.rb-site-description {
	font-family: 'Open Sans'!important;
	font-weight: 400;
    color: #eae7c6!important;
    font-size: 16px!important;
    line-height: 15px;
}
/* titel in menu uit op homepage */
.home .rb-site-description {
    color: #ccc;
    font-size: 15px;
    line-height: 15px;
	display: none!important;
}


.rb_logo {
    padding-bottom: 190px;
}
.header-content-wrap {
	padding: 10% 0px 290px;
}
.navbar-toggle.active {
    background-color: #FD0 !important;
}
.navbar-inverse .navbar-toggle.active .icon-bar {
    background-color: #000 !important;
}
.rb-hidden-logo {
	display:none;
}
.navbar-black nav{
	width: 100%;
}
.navbar-black nav ul.nav {
	width: 100%;
	text-align: center;
}
.navbar-black nav ul.nav li {
	float: none;
	display: inline-block;
}
/*--------------------------------------------------------------
Content
--------------------------------------------------------------*/

.about-us {
    background: rgba(45, 45, 45, 0.95) none repeat scroll 0% 0% !important;
    padding-bottom: 0px;
}

.focus-box .service-icon {
    width: 250px;
    height: 250px;
    border-radius: 0;
}

/* trailer maggie */

.testimonial {
    background: rgba(168, 175, 177, 0.7) none repeat scroll 0% 0% !important;
}

.contact-us {
    background: rgba(80, 80, 80, 0.9) none repeat scroll 0% 0%;
}

.team-member .profile-pic {
    border-radius: 0;
    width: 255px;
    height: 255px;
}

.team-member h5:before {
    background: #FD0 !important;
}

.team-member:hover .details {
    top: 0px;
    background: #FD0 none repeat scroll 0% 0% !important;
    color: #000;
    opacity: 0.8;
    min-height: 255px;
    text-align: center;
}

.team-member .social-icons ul li a {
    color: #404040;
}
.team-member .social-icons ul li a:hover {
    color: #FD0;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea {
    color: #5A5A5A ;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
}

.focus-box .service-icon:hover {
    border: 10px solid #FD0 !important;
}

.focus-box .service-icon .pixeden {
    border-radius: 0;
}

.focus-box .red-border-bottom:before {
    background: #FD0 !important;
}

.focus-box p {
	color: #6E6E6E !important;
    font-family: "Oxygen", sans-serif !important;
}

article.hentry {                                                /* artikel */
    border: 1px solid #DEDEDE;
    padding: 30px;
    background-color: #FFF !important;
	opacity: 0.81;                     /* was 0.91 */
	margin-top: -60px;
}
.page-id-51 article.hentry {                                                /* artikel voor video, anders video grijs */
  
	opacity: 0.95;                     /* was 0.91 */
	
}

.page-id-53 article.hentry {                                                /* artikel voor voice-clip op vo-pagina, anders video grijs */
  
	opacity: 0.95;                     /* was 0.91 */
	
}

.page-id-72 article.hentry {                                                /* artikel voor voice-clip op actor-pagina, anders slodeshow grijs */
  
	opacity: 0.95;                     /* was 0.91 */
	
}

.postid-331 article.hentry {                                                /* blog, anders foto grijs */
  
	opacity: 0.95;                     /* was 0.91 */
	
}





.large-container {
    background-color: #FFF !important;
    border-radius: 4px;
    margin: 35px 0px;
    position: relative;
    width: 97%;
    margin-top: 0;
}

.listpost-content-wrap .entry-content p {
    min-height: 90px;
    margin-bottom: 0px;
    font-family: "Oxygen", sans-serif !important;
    margin-right: 10px;
}

.content-left-wrap {
    padding-top: 60px;
}

.carousel-control.left {
    margin-left: -35px;
}

.listpost-content-wrap-large {
    position: absolute;
    bottom: 0px;
    background: rgba(255, 255, 255, 0.98) none repeat scroll 0% 0%;
    min-height: 50px;
    width: 100%;
    padding: 20px 20px 0px;
    border-top: 2px solid #FFF;
    border: 1px solid #DEDEDE;
}

#client-feedbacks .feedback-box {
    background: #404040;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    color: #fff !important;
}
.feedback-box .message {
    color: #fff;
}
.feedback-box .client-info .client-name {
    color: #fff;
}

/*--------------------------------------------------------------
Footer
--------------------------------------------------------------*/
#footer {
    background: rgba(39, 39, 39, 0.95) none repeat scroll 0% 0%;
}

.entry-footer a {
    color: #B36A6A !important;
    font-style: italic;
}

/* Latest news */

.rb-latest-news-container {
    width: 100%;
}

.rb-latest-news {
    width: 24.99%;
    margin: 0;
    display: inline-block;
}

.rb-latest-news-image {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
}
.rb-latest-news .rb-latest-news-image img {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 100;
    -webkit-transition: all 1s ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 1s ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 1s ease-in;
    -moz-transform: scale(1);
    transition: all 1s ease-in;
    transform: scale(1);   
}
.rb-latest-news:hover .rb-latest-news-image img {
    -webkit-transition: all 1s ease-in;
    -webkit-transform: scale(1.2);
    -ms-transition: all 1s ease-in;
    -ms-transform: scale(1.2);   
    -moz-transition: all 1s ease-in;
    -moz-transform: scale(1.2);
    transition: all 1s ease-in;
    transform: scale(1.2);
}
.rb-latest-news-image:hover {
    background: #FFDD00;
}
.latest-news {
    padding-bottom: 0px;
}

.rb-latest-news-image-holder {
    position: relative;
}

.rb-latest-news-image-holder .rb-latest-news-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    color: #000;
    font-family: "Montserrat", "sans-serif";
    text-transform: uppercase;
    z-index: 999;
}

.rb-latest-news-image-holder:hover .rb-latest-news-content {
    background-color: rgba(255, 221,0, 0.7);
    display: block;
}

.rb-latest-news-content-open .rb-latest-news-content {
    display: block;
}


.rb-latest-news-content h3 {
    font-size: 20px;
    margin-bottom: 20%;
}

.rb-latest-news-content a.rb-latest-news-read-more {
    font-size: 12px;
    color: #000 !important;
    border: 1px solid #000;
    border-radius: 2px;
    padding: 10px 20px;
}

.rb-latest-news-content-outer {
    display: table;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.rb-latest-news-content-outer .rb-latest-news-content-inner {
    display: table-cell;
    vertical-align: middle;
}
.contact-us .g-recaptcha, .contact-us .zerif-g-recaptcha {
    float: right;
    padding-right: 15px;
}

.entry-title:before, .widget .widget-title:before {
	background: #FD0;
}
.comment-form #submit, .comment-reply-link {
	background: #313131;
    border:1px solid #FFDD00 !important;
    color: #fff !important; 
}
.comment-form #submit:hover, .comment-reply-link:hover {
	background: #FFDD00;
    border:1px solid #FFDD00 !important;
    color: #000 !important; 
}
.rb-site-title {                                       /* titel  */
    color: #eee;
    font-size: 20px;
	font-family: 'bitterregular', sans-serif;
    line-height: 18px;
    margin-top: 3px;
	margin-left: 17px;
}
.rb-site-description {
    color: #eee;
    font-size: 14px;
	font-family: 'bitterregular', sans-serif;
    line-height: 15px;
	margin-left: 17px;
}
pre {
    font-size: 15px;
}

/*--------------------------------------------------------------
Responsive
--------------------------------------------------------------*/

@media screen and (max-width: 1170px){
    .rb-latest-news {
        width: 25%;
    }
}

@media screen and (max-width: 992px){
    .rb-latest-news {
        width: 50%;
    }
    .about-us p {
        text-align: center;
    }
    .focus-box .service-icon {
        width: 180px;
        height: 180px;
    }

}

@media screen and (max-width: 767px){    /* was 767 */
    #main-nav, #main-nav.fixed {
        background: rgba(0, 0, 0, 0.8) none repeat scroll 0% 0%;
    }
    .dropdownmenu {
        background: url(../png/menu-icon-2.png) center center no-repeat #FD0;
    }
    .navbar a{
        color: #fff !important;
    }
}

@media screen and (max-width: 600px){
    .rb-latest-news {
        width: 100%;
        height: auto !important;
    }

}
.tekstklas1 {
	 margin: auto;
    text-align: left;
    width: 49%;


}