/*
	Theme Name: SS Rotterdam
	Author: ---
	Version: 1.0
*/

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

	/* - Misc - */

	.alignleft { float: left; margin: 14px 14px 14px 0; }
	.alignright { float: right; margin: 14px 0 14px 14px; }
	.aligncenter { clear: both; display: block; margin: 14px auto; }
	.alignnone { clear: both; display: block; margin: 14px 0; }

	.main-page-inner h1,
	.main-page-inner h2,
	.main-page-inner h3,
	.main-page-inner h4 { clear: both; }

	.homepage-row-2-inner .col-sm-4 { position: relative; min-height: 505px; padding-bottom: 70px; }
	.homepage-row-2-inner .col-sm-4 .btn.btn-grijs { position: absolute; left: 10px; bottom: 0; z-index: 10; }

	.taal-keuze img,
	#flags_language_selector img { width: 32px; height: auto; }

	h1 a,
	h2 a,
	h3 a,
	h4 a { color: inherit; }

	.image-link { display: block; line-height: 0; }

	.pager { height: 35px; line-height: 35px; width: 100%; }
	.pager .p-prev { float: left; }
	.pager .p-next { float: right; }

	.main-page-inner .omschrijving { display: block; }
	.main-page-inner .omschrijving img { vertical-align: middle; margin-right: .5em; }
	.arrangementen-block .prijs { padding-top: 25px; padding-right: 0; }

	.content-block iframe { width: 90%; }

	#panorama { margin-top: 21px; }

	/* - Agenda - */

	.agenda-meta strong { display: inline-block; min-width: 100px; }
	.agenda-meta { margin-bottom: 14px; }

	.carousel-inner { height: 229px; }
	.carousel-caption { padding-top: 10px; top: 5%; }

	/* - Overzicht - */

	.wpcf7 .zaal { margin-top: 0; }
	.zaal { margin-top: 20px; display: inline-block; vertical-align: top; width: 33.3333%; padding: 0 15px; }
	#zalen .mix,
	#arrangementen .mix { opacity: 0; display: none;}
	.prijs-object.smaller { font-size: 11px; }

	/* - Menu - */

	.submenu ul { margin: 0; padding: 0; }
	.submenu > section > ul > li { 
		border-bottom: 1px solid #D0D1D2;
		margin-bottom: 5px;
	}
	.submenu li {
		text-transform: uppercase;
		list-style: none;
		padding: 6px 10px;
		background-color: #fff;
		color: #555;
		width: 100%;
		-webkit-transition-property: opacity;
		-moz-transition-property: opacity;
		-o-transition-property: opacity;
		transition-property: opacity;
		-webkit-transition-duration: 0.3s;
		-moz-transition-duration: 0.3s;
		-o-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-timing-function: ease-out;
		-moz-transition-timing-function: ease-out;
		-o-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
	.submenu li:hover {
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
		opacity: 0.8;
		text-decoration: none;
	}
	.submenu li a:visited,
	.submenu li a { color: #555; }
	.submenu li a:hover { text-decoration: none; }

	.children { display: none }
	.current_page_item .children { display: block; margin-top: 5px; margin-left: 10px }
	.submenu > section > ul > li.current_page_item { padding-top: 10px; }

	.navigatie-block .navbar-nav > li > a { padding-left: 12px; padding-right: 12px; }
	.full-width .boeken { color: #28a5dd; }

	.menu-sub h3 { padding-right: 40px; }
	.menu-sub { min-width: 220px; }

	/* - Header - */

	#slider li,
	#slider { margin: 0; padding: 0; }
	#slider img { max-width: none; }  
	#slider li { overflow: hidden; }

	.bx-wrapper { width: 100%; padding: 0; *zoom: 1; text-align: center; }
	.bx-wrapper .slider-text { text-align: left;  }
	.bx-wrapper .slide-inner { position: absolute; top: 0; left: 0; width: 100%; }
	.home .default-header { background: none; position: relative; min-height: 0; } 

	.menu-kamer a:before,
	.menu-kamer a:after { content: " "; display: table; } 
	.menu-kamer a:after { clear: both; }
	.menu-kamer a { height: auto; padding-bottom: 10px; }
	.menu-kamer p { max-width: 125px; }

	.img-box.no-image + p { max-width: none; padding-left: 15px; }
	.img-box.no-image { display: none; }

	/* - Articles - */

	.articles .item { border-top: 1px solid #eee; padding-bottom: 5px; margin-bottom: 10px; }
	.articles .item h2 { margin-top: 15px; margin-bottom: 10px; }
	.articles .item .has-image { width: 74%; float: left; }
	.articles .item .image-link { width: 24%; float: right; }
	.articles .item .date { display: block; margin-bottom: 5px; color: #C2C2C2; }
	.articles .item strong { padding-right: 10px; }

	/* - Order Box - */

	.ss-order-box.phone-visible { display: block; height: auto !important; padding-bottom: 0 !important; top: 106px; }

/*	.home .ss-order-box .company-code { margin-top: 25px; }
	.ss-order-box .company-code { position: static; top: auto; margin-top: 5px; }

	.ss-order-box .btn { padding-left: 14px; padding-right: 14px; }
	.ss-order-box .col-sm-12 .btn { padding-left: 30px; padding-right: 30px; }
	.ss-order-box.top #hide-form-wrap { top: 114px; }
	#hide-form-wrap { width: inherit; height: 28px; position: fixed; top: 174px; z-index: 50; margin-left: -21px;
		-webkit-transition: top 500ms ease-out;
		-moz-transition: top 500ms ease-out;
		-ms-transition: top 500ms ease-out;
		-o-transition: top 500ms ease-out;
		transition: top 500ms ease-out;
	}
	.hide-form { float: right; display: block; width: 28px; height: 28px; background: url(library/images/close-form.png) no-repeat; cursor: pointer;
		-webkit-transition: margin 300ms ease-out;
		-moz-transition: margin 300ms ease-out;
		-ms-transition: margin 300ms ease-out;
		-o-transition: margin 300ms ease-out;
		transition: margin 300ms ease-out;
	}
	.hide-form.active { margin-top: 7px; }

*/
	.btn-row button { margin-top: -14px; font-size: 17px; padding-left: 14px; padding-right: 14px; }
	.btn-row { float: left; }
	.btn-row.first { margin: 0 10px 0 14px; }

	#alt .btn-row { float: none; }
	#alt .btn-row.first { margin-left: 0; }
	#alt .ss-order-box { height: 100px !important; width: auto !important }

	/*.ss-order-box { top: 174px; }*/
	/*.ss-order-box.top { top: 114px; }*/
	/*.ss-order-box .extra-row ul { margin: 0; padding: 0; }*/
	/*.ss-order-box .extra-row li { float: left; text-align: center; list-style: none; width: 30%; }*/
	
	.ss-order-box .extra-row { padding-left: 0; padding-right: 0; }
	.ss-order-box .extra-row a { margin-right: 5%; }

	.kamer-widget.menu-kamer a { height: auto; }

	.site-footer-inner .left-content { position: relative; }
	.wh-link { display: block; position: absolute; width: 150px; height: 23px; left: 50%; bottom: 0; margin-left: -75px; z-index: 10; }

	.site-footer-inner .right-content { white-space: nowrap; }
	.site-footer-inner .right-content { padding-bottom: 72px; background: url(library/images/footer-image-blue.jpg) no-repeat center bottom; }
	#alt .site-footer-inner .right-content { padding-bottom: 0; background: none; }

	.ss-order-box .company-code { position: relative; top: auto; margin-top: 23px; }
	.ss-order-box { height: 286px; }
	/*
	.ss-order-box .last-row .reserveer-uw-zaal { margin-top: -15px; }
	.ss-order-box .extra-row ul li:first-child + li { margin: 0 2%; }
	.ss-order-box .extra-row li a { margin-right: 0; float: none; }*/

	.info-block h1 { background: url("library/images/h2.png") repeat-x 0 50%; display: block; padding-left: 30px; font-size: 2.5em; margin-bottom: 20px; text-transform: uppercase; }
	#alt .info-block h1 { background-image: url(library/images/h2-blue.png); }

	/* - Forms - */

	.wpcf7 .wpcf7-not-valid-tip  { border-radius: 2px; border: 1px solid #914544; background: #B94A48; color: #FFF; font-size: 13px; line-height: 1.5; max-width: 203px; top: -1em; left: 2em; padding: 7px 14px; }
	.wpcf7 .wpcf7-validation-errors { border-radius: 2px; border: 1px solid #C5BEB0; background: #fff; color: #968974; font-size: 13px; line-height: 1.5; width: 100%; padding: 7px 14px; margin: 14px 0; }
	.wpcf7 .wpcf7-mail-sent-ok { border-radius: 2px; border: 1px solid #D6E9C6; background: #DFF0D8; font-size: 13px; line-height: 1.5; padding: 7px 14px; margin: 14px 0; }

	.main-page-inner .wpcf7 { max-width: 320px; }
	.nl-form-top > div { width: 50%; float: left; }

	/* - Popup - */

	#popup { padding-top: 0 !important; }
	.btn-popup { display: inline-block; background: #fed000; color: #000; padding: 5px 25px; border: 1px solid #fff; -webkit-box-shadow: 0 0 0 4px #fed000; box-shadow: 0 0 0 4px #fed000; font-family: 'Open Sans Condensed', sans-serif; text-transform: uppercase; font-size: 18px; }
	.btn-popup:visited { color: #000; }
	.btn-popup:hover { text-decoration: none; background: #ffd519; }
	.btn-popup-wrap { padding: 4px 4px 14px; }

	/* - Blue pages - */

	#alt .zaal a .boeken { border-color: #28a5dd; color: #fff; }
	#alt .default-header,
	#alt .homepage-header { border-color: #28a5dd; }
	#alt .ss-order-box { background: rgba(255,255,255,0.8); *border: 1px solid #fff; border: 1px solid rgba(255,255,255,0.8); }

	#alt .btn-geel,
	#alt .btn-geel:hover,
	#alt .btn-geel:focus,
	#alt .btn-geel:active,
	#alt .btn-geel.active,
	#alt .open .dropdown-toggle.btn-geel { background-color: #28a5dd; border-color: #28a5dd; }

	#alt .content-block h2,
	#alt .popup-box h4,
	#alt .site-footer-inner h4,
	#alt .menu3dmega h3,
	#alt .widget h3,
	#alt .page-title-box h1 { background-image: url(library/images/h2-blue.png); }
	#alt .menu-kamer i { color: #28a5dd; }
	#alt .ss-order-box .extra-row a { color: #fff; }

	#alt .zaal a { background: #28a5dd; }
	#alt .socialmedia a { background: #fff;  }
	#alt .btn-blauw:hover { border-color: #28a5dd; }

	#alt .homepage-row-2 .homepage-row-2-inner { background-color: rgba(40, 165, 211, 0.9); }
	#alt .homepage-row-2 strong { background: #fff; }

	#alt .navbar-brand,
	#alt .navbar-brand:hover,
	#alt .navbar-brand:active,
	#alt .navbar-brand:focus { background-image: url(library/images/logo-alt-white.jpg); height: 66px; margin-top: -13px; }
	#alt .site-footer-inner .middle-content { background-image: url(library/images/footer-image-blue.jpg); padding-bottom: 70px; }
	#alt .sub-menu input:focus { border-color: #28a5dd; }
	#alt .hide-form { background-image: url(library/images/close-form-alt.png); }
	#alt .arrangementen-block .prijs-object { background: #28a5dd; color: #fff; }
	#alt .reviews-block .cijfer { background: #28a5dd; }

	#alt .homepage-newsletter .newsletter-inner { background: #28a5dd; }
	#alt #code-box-link,
	#alt .ss-order-box { color: #58585A !important; }
	#alt .zalen-block ul > li > a:hover { background: #F5F5F5; }
	#alt .arrangementen-block ul img { border-color: #28a5dd; }
	#alt .site-footer-inner .left-content { background-image: none; }

	/* - Captains login - */

	#captains-login-form { max-width: 320px; }
	#captains-login-form input[type="text"],
	#captains-login-form input[type="email"],
	#captains-login-form input[type="password"] {
		display: block;
		width: 100%;
		height: 34px;
		padding: 6px 12px;
		font-size: 14px;
		line-height: 1.428571429;
		color: #555;
		vertical-align: middle;
		background-color: #fff;
		border: 1px solid #ccc;
		border-radius: 4px;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
		-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
		transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	}
	#captains-login input[type="submit"] {
		color: #ffffff;
		background-color: #58585a;
		border-color: #535355;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-ms-border-radius: 0;
		-o-border-radius: 0;
		border-radius: 0;
		border: 3px solid #fff;
		padding-left: 30px;
		padding-right: 30px;
		text-transform: uppercase;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	#captains-login input[type="submit"]:hover {
		color: #ffffff;
		background-color: #4b4b4d;
		border-color: #323233;
	}
	#captains-login .zaal a .boeken { border-color: #109134; color: #fff; }
	#captains-login .default-header,
	#captains-login .homepage-header { border-color: #109134; }

	#captains-login .btn-geel,
	#captains-login .btn-geel:hover,
	#captains-login .btn-geel:focus,
	#captains-login .btn-geel:active,
	#captains-login .btn-geel.active,
	#captains-login .open .dropdown-toggle.btn-geel { background-color: #109134; border-color: #109134; }

	#captains-login .popup-box h4,
	#captains-login .site-footer-inner h4,
	#captains-login .menu3dmega h3,
	#captains-login .widget h3,
	#captains-login .page-title-box h1 { background-image: url(library/images/h2-green.png); }

	#captains-login .menu-kamer i { color: #109134; }
	#captains-login .ss-order-box .extra-row a { color: #fff; }

	#captains-login .zaal a { background: #109134; }
	#captains-login .socialmedia a { background: #fff;  }
	#captains-login .btn-blauw:hover { border-color: #109134; }

	#captains-login .homepage-row-2 .homepage-row-2-inner { background-color: rgba(16, 145, 52, 0.9); }
	#captains-login .homepage-row-2 strong { background: #fff; }

	#captains-login .navbar-brand,
	#captains-login .navbar-brand:hover,
	#captains-login .navbar-brand:active,
	#captains-login .navbar-brand:focus,
	#captains-login .site-footer-inner .middle-content { background-image: url(library/images/logo-green.png); }
	#captains-login .sub-menu input:focus { border-color: #109134; }

	#ship-roll-users .col-md-9 .row { border-bottom: 1px solid #ccc; margin: 0 .5em .5em 0; padding-bottom: .5em; }
	#ship-roll-users > div { margin: 2em 0; padding: 1.5em 0; border: 1px solid #ccc; background: #f5f5f5; border-radius: 4px; margin-bottom: 1em; }
	#ship-roll-users .col-md-9 .row div:first-child { font-weight: bold; }
	#ship-roll-users .col-md-9 .row:last-child { border: none; }

	#captains-login section h3 {
		background: url(library/images/h2-green.png) repeat-x 0 50%;
		display: block;
		font-size: 2em;
		margin-bottom: 20px;
		text-transform: uppercase;
		padding-left: 30px;
		margin-top: 30px;
	}
	#captains-login section h3 strong {
		background-color: #fff;
		font-weight: 300;
		padding: 0 10px;
	}

	#captains-login section li {
		text-transform: uppercase;
		list-style: none;
		padding: 6px 10px;
		background-color: #F3F3F3;
		color: #555;
		width: 100%;
		-webkit-transition-property: opacity;
		-moz-transition-property: opacity;
		-o-transition-property: opacity;
		transition-property: opacity;
		-webkit-transition-duration: 0.3s;
		-moz-transition-duration: 0.3s;
		-o-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-timing-function: ease-out;
		-moz-transition-timing-function: ease-out;
		-o-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
		border: 1px solid #D0D1D2;
		margin-bottom: 5px;
		border-radius: 4px;
	}

	#captains-login section ul { margin: 0; padding: 0; }
	#captains-login section + a { display: block; padding: 6px 10px; margin-bottom: 5px; }
	#captains-login .main-page-inner { top: -280px; margin-bottom: -280px; min-height: 300px; border-top-left-radius: 6px; border-top-right-radius: 6px; }
	.menu-kamer i { color: #2a6496; }

	.view-arr { margin-top: 14px; }

}

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


	.arrangementen-block .prijs-object { font-size: 12px; white-space: nowrap; }
	/* - Order box - */

	.ss-order-box .extra-row a { width: 100%; text-align: left; margin-right: 0; margin-top: 5px; }
	.ss-order-box .extra-row .col-sm-12 a:first-child { margin-top: 0; }
	.ss-order-box .extra-row br { display: none; }
	.ss-order-box .btn-row button {  }
	.ss-order-box .btn-row.second button { margin-top: 0; }
	.ss-order-box .btn-row.second { margin-left: 14px; }
	
	/* - Menu - */
	.menu3dmega > ul > li > a { font-size: 0.9em; padding: 8px 10px; }
	.menu-kamer .img-box { width: 54px; height: auto; }
	.menu3dmega strong { font-size: .8em; }

	/* - Front - */
	.navigatie-block .navbar-nav > li > a { font-size: 1.1em; }
	.ankers .kids a, .ankers .anker a { font-size: 0.8em; padding: 18px 0 0; }
	
	.homepage-row-2-inner .col-sm-4 { min-height: 525px; }

}

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

	/*.site-footer-inner .right-content { font-size: 0.80em;  white-space: normal; }*/

	.navbar-brand { -webkit-background-size: 100% auto; -moz-background-size: 100% auto; background-size: 100% auto; width: 100px; }
	.filter-opties .col-sm-6 { width: 100%; }
	.homepage-row-2-inner .col-sm-4 { min-height: 580px; }
	.agenda-block ul li:last-child { margin-bottom: 0px; }
	.ss-order-box.top { height: 150px; }
	.ss-order-box,
	.ss-order-box.focus { height: 430px; }
	.ss-order-box .company-code { margin-top: 0; }

}

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

	/*#slider img { max-width: 160%; }*/

	.menu3dmega > ul > li > a { padding: 8px; }

	.site-footer-inner .right-content { font-size: 0.80em; white-space: nowrap; }

	.ss-order-box .col-sm-6 { width: 100%; } 
	.home .ss-order-box .company-code { margin-top: 0; }
	.ss-order-box .extra-row li { width: 100%; text-align: left; }
	.ss-order-box .extra-row li br { display: none; }
	.ss-order-box .extra-row ul li:first-child + li { margin: 0; }
	.ss-order-box .extra-row li { padding-left: 14px; }
	.ss-order-box .extra-row li + li { padding-top: 4px; }
	.socialmedia a { height: 40px; line-height: 33px; width: 40px; }

	.kids-cta {  }

	.content-block h2 { font-size: 2em; }

	.bx-wrapper .slider-text { max-width: 460px; }
	.slider-text h1 { font-size: 2em; }
	.taal-keuze img,
	#flags_language_selector img { width: 24px; margin-top: 6px; }

	.carousel-caption .btn { font-size: .8em; }
	.content-block h2 { padding-left: 15px; font-size: 1.8em; }
	.homepage-row-2 h3,
	.zalen-block h2,
	.reviews-block h2 { font-size: 1.8em; }
	.reviews-block .cijfer { font-size: 1em; }
	.arrangementen-block .col-sm-3,
	.arrangementen-block .col-sm-4,
	.arrangementen-block .col-sm-5 { width: 100%; }
	.arrangementen-block .col-sm-4 { margin-top: 5px; }
	.arrangementen-block .prijs-object { margin-left: 0; }
	.arrangementen-block .prijs  { padding-top: 5px; padding-bottom: 10px; }

	.reviews-block .circle { text-align: left; height: auto; padding-bottom: 10px; }
	.reviews-block .circle img { max-width: 120px; }

}

@media only screen and ( max-width: 1160px ) {
	.site-footer-inner .left-content,
	.site-footer-inner .right-content { font-size: 0.8em; }
}

@media only screen and (min-width: 768px) {
	.navigatie-block .navbar-nav > li > a { padding-left: 6px; padding-right: 6px; }
	.popup-box { z-index: 100; }
	.foto-gallery img { margin-right: 5px; }
}

@media only screen and (max-width: 768px) {
	.page-template-template-front-php .ui-datepicker-div { left: 21px !important }
	.navbar-default .navbar-brand { width: 80px; margin-left: 10px; }
	.navbar-brand { padding-top: 25px; padding-bottom: 25px; }
	.ankers .kids a,
	.ankers .anker a { font-size: 1.2em; padding-top: 12px; }
	.widget h3 { background: url(library/images/h2.png) repeat-x 0 50% }
	.widget h3 strong { background: #F0F0F0; padding: 0 10px; margin-left: 14px; }
	.kamer-widget .img-box { float: right; width: auto; }
	
	.main-page-content { background: #fff; margin-top: 21px; }
	.main-page-content h4 { font-size: 1.5em; font-weight: 600; }
	#zalen .mix,
	#arrangementen .mix { width: 100%; margin-top: 0; }
	.zaal h5 { font-size: 1.5em; }
	.zaal a .boeken { display: block; padding: 6px 14px; margin-top: 1em;  }
	.zaal .omschrijving { padding: 14px 0; }
	#alt .zaal a .boeken { background: #28a5dd; }
	.popup-box { display: none !important; }

	.page-title-box h1 { background: rgba(255,255,255,0.8) !important; margin: 77px 0 0; border-radius: 4px; font-size: 28px; padding: 8px 16px; }
	#breadcrumbs { margin: 10px 0; }
	.main-page-content { padding-top: 14px; padding-bottom: 14px; }
	.articles div:first-child { border-top: none; }
	.dropdown-menu { display: none !important; }
	.row:before,
	.row:after { content: " "; display: table; } 
	.row:after { clear: both; }
	#captains-login .main-page-inner { top: auto; margin-bottom: 0; }
	.homepage-row-2-inner .col-sm-4 { position: relative; min-height: 0; padding-bottom: 0; }
	.homepage-row-2-inner .col-sm-4 .btn.btn-grijs { position: static; left: auto; bottom: auto; z-index: 10; }
}