/*
Theme Name:   Eight Child
Description:  Write here a brief description about your child-theme
Author:	   Carsten
Author URL:   Write here the author's blog or website url
Template:	 eight-sec
Version:	  1.0
License:	  GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  eight-child
*/

/* Write here your own personal stylesheet */

/*******************************/
/********** ALGEMEEN ***********/
/*******************************/

header#masthead {
	background-color: white;
	border-bottom: 1px solid #ddd;
}
.site-header {
	height: 110px;
}
.admin-bar .site-header {
	height: 143px;
}
.hentry {
	margin-bottom: 0;
}
#content.site-content {
	margin-top: 110px;
}
.page-id-1246 #content.site-content {
	margin-top: 0px;
}
.row {
	margin-left: 0;
	margin-right: 0;
}
@media screen and (max-width: 1170px){
	#primary {
		padding-left: 0 !important;
	}
}
@media screen and (max-width:782px){
	.admin-bar #content.site-content {
		margin-top: 97px;
	}
	.admin-bar.home #content.site-content {
		margin-top: 0;
	}
}

/***********/
/** FONTS **/
/***********/

body,
.site-header .main-navigation,
.single .entry-title,
.widget-title,
.page-title {
	font-family: Helvetica, Arial, sans-serif;
}

/****************/
/** RESPONSIVE **/
/****************/

.page-template-no-sidebar .ed-container-full,
#home-intro-block,
footer#colophon .top-footer .ed-container {
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width: 324px){
	.page-template-no-sidebar .ed-container-full,
	#home-intro-block,
	footer#colophon .top-footer .ed-container {
		width: 275px;
	}
}
@media screen and (min-width: 325px){
	.page-template-no-sidebar .ed-container-full,
	#home-intro-block,
	footer#colophon .top-footer .ed-container {
		width: 320px;
	}
}
@media screen and (min-width: 401px){
	.page-template-no-sidebar .ed-container-full,
	#home-intro-block,
	footer#colophon .top-footer .ed-container {
		width: 380px;
	}
}
@media screen and (min-width: 481px){
	.page-template-no-sidebar .ed-container-full,
	#home-intro-block,
	footer#colophon .top-footer .ed-container {
		width: 450px;
	}
}
@media screen and (min-width: 576px){
	.page-template-no-sidebar .ed-container-full,
	#home-intro-block,
	footer#colophon .top-footer .ed-container {
		width: 525px;
	}
}
@media screen and (min-width: 768px){
	.page-template-no-sidebar .ed-container-full,
	#home-intro-block,
	footer#colophon .top-footer .ed-container {
		width: 750px;
	}
}
@media screen and (min-width: 992px){
	.page-template-no-sidebar .ed-container-full,
	#home-intro-block,
	footer#colophon .top-footer .ed-container {
		width: 970px;
	}
}
@media screen and (min-width: 1200px){
	.page-template-no-sidebar .ed-container-full,
	#home-intro-block,
	footer#colophon .top-footer .ed-container {
		width:1140px;
	}
}

/************/
/** TITLES **/
/************/

.panel-grid-cell .widget-title {
	font-size: 24px;
	text-transform: uppercase;
}
.panel-grid-cell .widget-title:after {
	display: none;
}
.top-footer .widget-title {
	font-size: 20px;
	text-transform: uppercase;
}
@media screen and (max-width:575px){
	.widget-title {
		margin-bottom: 15px;
	}
}
/*********/
/** BTN **/
/*********/

.btn,
input[type="submit"] {
	border-radius: 0;
	padding: 9px 15px;
	text-transform: uppercase;
	transition: 0.5s ease;
}
.btn-black,
input[type="submit"] {
	background-color: rgba(0,0,0,0);
	border:1px solid black;
	color: black;
}
.btn-black:active,
.btn-black:focus,
.btn-black:hover,
input[type="submit"]:active,
input[type="submit"]:focus,
input[type="submit"]:hover {
	background-color: black;
	color: white;
}
.btn-black-reversed {
	background-color: black;
	border:1px solid black;
	color: white;
}
.btn-black-reversed:active,
.btn-black-reversed:focus,
.btn-black-reversed:hover {
	background-color: transparent;
	color: black;
}
.btn-white {
	background-color: rgba(0,0,0,0);
	border:1px solid white;
	color: white;
}
.btn-white:active,
.btn-white:focus,
.btn-white:hover {
	background-color: white;
	color: black;
}
.btn-white-reversed {
	background-color: white;
	border:1px solid white;
	color: black;
}
.btn-white-reversed:active,
.btn-white-reversed:focus,
.btn-white-reversed:hover {
	background-color: transparent;
	color: white;
}

/****************/
/** NO SIDEBAR **/
/****************/

.page-template-no-sidebar .ed-container-full #primary {
	margin-bottom:0;
	padding-right: 0;
	width: 100%;
}
.page-template-no-sidebar .entry-content {
	margin-top: 0;
}
.page-template-no-sidebar .entry-footer {
	display: none;
}

/**********/
/** LOGO **/
/**********/

.site-logo img {
	height: 65px;
	max-height: 65px;
	margin-top: 20px;
	width: auto;
}
@media screen and (max-width:1275px){
	.site-logo img {
		height: auto;
	}
}
@media screen and (max-width:980px){
	.site-branding {
		padding-left: 70px;
	}
	.site-logo img {
		margin-top: 17.5px;
	}
}

/**********/
/** MENU **/
/**********/

.main-navigation ul li a{
	color: black;
	font-size: 16px;
	text-transform: uppercase;
}
.main-navigation li:hover .submenu li a {
	background-color: #dedede;
}
.main-navigation ul li a:before {
	background-color: black;
}
.main-navigation .menu > li > a:after {
	color:black;
}
#menu-item-1571 a,
#menu-item-1581 a {
	border: 1px solid black;
	margin-left: 15px;
	padding: 4px 15px;
}
#menu-item-1571 a:before,
#menu-item-1571 a:after,
#menu-item-1581 a:before,
#menu-item-1581 a:after {
	display: none;
}
#menu-item-1571 a:active,
#menu-item-1571 a:focus,
#menu-item-1571 a:hover,
#menu-item-1581 a:active,
#menu-item-1581 a:focus,
#menu-item-1581 a:hover {
	background-color: black;
	color: white;
}
@media screen and (max-width:1297px){
	.site-header .site-branding {
		width: 7%;
	}
	.site-header .main-navigation {
		width: 92%;
	}
}
@media screen and (max-width:1042px){
	#site-navigation {
		margin-top: 15px;
	}
	.main-navigation ul li a {
		padding-left: 13px;
		padding-right: 13px;
	}
}
@media screen and (max-width:1012px){
	.main-navigation ul li a {
		padding-left: 11px;
		padding-right: 11px;
	}
}
@media screen and (max-width:980px){
	#site-navigation.main-navigation .toggle-btn .toggle-bar {
		background-color: black !important;
	}
	.main-navigation.toggled .toggle-btn, .main-navigation .toggle-btn:hover {
		background-color: white !important;
	}
	.site-header #site-navigation #b2b-menu,
	.site-header #site-navigation #b2c-menu {
		border-left: 1px solid #ddd;
	}
	.site-header .main-navigation ul {
		background-color: white !important;
	}
	.site-header .main-navigation ul li.current-menu-item a,
	.site-header .main-navigation ul li a:active,
	.site-header .main-navigation ul li a:focus,
	.site-header .main-navigation ul li a:hover {
		background-color: black;
		color: white;
	}
	.main-navigation ul li a,
	.fixed .main-navigation ul li a {
		border-bottom-color: #ddd !important;
	}
	#menu-item-1571 a,
	#menu-item-1581 a {
		border-bottom-color: black !important;
		margin-left: 0;
	}
}
@media screen and (max-width:450px){
	.site-header .site-branding {
		padding-left: 65px;
	}
}
@media screen and (max-width:400px){
	.site-header .site-branding {
		padding-left: 60px;
	}
}
@media screen and (max-width:375px){
	.site-header .site-branding {
		padding-left: 55px;
	}
}
@media screen and (max-width:350px){
	.site-header .site-branding {
		padding-left: 60px;
	}
}
@media screen and (max-width:325px){
	.site-header .site-branding {
		padding-left: 60px;
	}
}
@media screen and (max-width:300px){
	.site-header .site-branding {
		padding-left: 60px;
	}
}
/******************************/
/********** LANDING ***********/
/******************************/

.home header#masthead,
.home footer{
	display: none;
}
.home.page.no-slider .site-content, .home.blog.no-slider .site-content, .no-slider .site-content {
	padding-top: 0;
}
.home #primary {
	margin-bottom: 0;
	padding-right: 0;
	width: 100%;
}
.home .entry-content {
	margin-top: 0;
}
.home #primary #main article {
	margin-bottom: 0;
}
.landing-column {
	background-repeat: no-repeat;
	background-size: cover;
	float: left;
	height: 100vh;
	text-align: center;
	width: 50%;
}
.landing-column-left {
	background-image: url('/wp-content/uploads/2018/05/DSC3157.jpg');
	background-position-x: -330px;
}
.landing-column-right {
	background-image: url('/wp-content/uploads/2018/05/DSC0458.jpg');
	background-position-x: right; 
}
.landing-column img {
	width: 350px;
}
.landing-column .landing-logo-black,
.landing-column .landing-logo-white {
	margin-top: 36vh;
}
.landing-column .btn {
	margin-top: 7vh;
	padding: 15px 21px;
	text-transform: uppercase;
}
@media screen and (max-width:1440px){
	.landing-column-left {		
		background-position-x: -440px;
	}
	.landing-column-right {
		background-position-x: -440px;
	}	
}
@media screen and (max-width:1199px){
	.landing-column-right {
		background-position-x: -500px;
	}	
}
@media screen and (max-width:1050px){
	.landing-column-left {		
		background-position-x: -500px;
	}	
}
@media screen and (max-width:930px){
	.landing-column-left {		
		background-position-x: -540px;
	}
	.landing-column-right {
		background-position-x: -600px;
	}	
}
@media screen and (max-width:780px){
	.landing-column {
		height: 50vh;
		width: 100vw;
	}
	.landing-column-left,
	.landing-column-right {
		background-position-x: center;
	}
	.landing-column .landing-logo-black,
	.landing-column .landing-logo-white {
		margin-top: 12vh;
	}
}
@media screen and (max-width:420px){
	.landing-column img {
		width: 300px;
	}
	.landing-column .landing-logo-black,
	.landing-column .landing-logo-white {
		margin-top: 7.5vh;
	}
	.landing-column .btn {
		margin-top: 5vh;
	}
}

/***************************/
/********** HOME ***********/
/***************************/

.page-id-223 .entry-content,
.page-id-284 .entry-content {
	margin: 0;
}

/************/
/** SLIDER **/
/************/

/*.eight_sec_plx_slider_section .slide {
	height: calc(100vh) !important;
}
.bx-wrapper .bx-viewport {
	border-width: 0;
	position: initial !important;
}
.bx-wrapper .bx-controls-direction a {
	background-color: transparent !important;
	height: 64px;
}
.bx-wrapper .bx-prev::before,
.bx-wrapper .bx-next::before {
	color:white;
}
.bx-wrapper .bx-pager {
	bottom: 0;
}
.eight_sec_plx_slider_section .slide:after {
	display: none;
}
.home-slider-logo {
	margin-left: auto;
	margin-right: auto;
}*/

#home-slider-block .n2-ss-slider-1.n2-ss-swipe-element.n2-ow.n2-grab {
	height: calc(100vh - 110px) !important;
}
.admin-bar #home-slider-block .n2-ss-slider-1.n2-ss-swipe-element.n2-ow.n2-grab {
	height: calc(100vh - 140px) !important;
}
@media screen and (max-width:767px){
	#home-slider-block .n2-ss-slider-1.n2-ss-swipe-element.n2-ow.n2-grab {
		height: 41vw !important;
	}
	.admin-bar #home-slider-block .n2-ss-slider-1.n2-ss-swipe-element.n2-ow.n2-grab {
		height: 41vw !important;
	}
}

/****************/
/** INTRO TEXT **/
/****************/

#home-intro-block {
	margin-left: calc(50vw - 570px);
	margin-bottom: 80px;
	padding-top: 50px;
	text-align: center;
}
@media screen and (max-width:1199px){
	#home-intro-block {
		margin-left: calc(50vw - 485.5px);
	}
}
@media screen and (max-width:991px){
	#home-intro-block {
		margin-left: calc(50vw - 375px);
	}
}
@media screen and (max-width:767px){
	#home-intro-block {
		margin-left: calc(50vw - 262.5px);
	}
}
@media screen and (max-width:575px){
	#home-intro-block {
		margin-left: calc(50vw - 225px);
		margin-bottom: 45px;
		padding-top: 10px;
	}
}
@media screen and (max-width:480px){
	#home-intro-block {
		margin-left: calc(50vw - 190px);
	}
}
@media screen and (max-width:400px){
	#home-intro-block {
		margin-left: calc(50vw - 160px);
	}
}
@media screen and (max-width:324px){
	#home-intro-block {
		margin-left: calc(50vw - 137.5px);
	}
}


/***************/
/** PORTFOLIO **/
/***************/

#home-portfolio-block {
	margin-top: 15px;
	text-align: center;
}
#home-portfolio-block .row {
	margin-left: 0;
	margin-right: 0;
}
.home-portfolio-item {
	height: 16.6vw;
	overflow: hidden;
	padding-left: 0;
	padding-right: 0;
}
.home-portfolio-item:hover img {
	opacity: 0.7;
}
@media screen and (max-width:767px) and (min-width: 576px){
	.home-portfolio-item {
		height: 22.2vw;
	}
	#home-portfolio-block .home-portfolio-item:nth-last-child(2),
	#home-portfolio-block .home-portfolio-item:nth-last-child(1) {
		display: none;
	}
}
@media screen and (max-width:575px){
	.home-portfolio-item {
		height: 33.3vw;
		width: 50%;
	}
}

/*****************/
/** TESTIMONIAL **/
/*****************/

#testimonials-block {
	margin-top: 75px;
	margin-bottom: 10px;
	text-align: center;
}
.testimonial-container {
	margin-left: auto;
	margin-right: auto;
	width: 1140px;
}
.testimonial-container .testimonial-item {
	background-color: #f6f6f6;
	float: left;
	margin-left: 1.5%;
	margin-right: 1.5%;
	padding-right: 20px;
	width: 47%;
}
.testimonial-container .testimonial-item .testimonial-thumbnail {
	float: left;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 33%;
}
.testimonial-container .testimonial-item .testimonial-thumbnail img {
	width: 70%;
}
.testimonial-container .testimonial-item .testimonial-text {
	float: left;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: left;
	width: 66%;
}
@media screen and (max-width: 1170px){
	.testimonial-container {
		width: 950px;
	}
}
@media screen and (max-width: 991px){
	.testimonial-container {
		width: 750px;
	}
	.testimonial-container .testimonial-item {
		margin-top: 1.5%;
		margin-bottom: 1.5%;
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}
}
@media screen and (max-width: 768px){
	.testimonial-container {
		width: 575px;
	}
}
@media screen and (max-width: 600px){
	.testimonial-container {
		width: 450px;
	}
}
@media screen and (max-width: 480px){
	.testimonial-container {
		width: 375px;
	}
}
@media screen and (max-width: 400px){
	.testimonial-container {
		width: 300px;
	}
}
@media screen and (max-width: 310px){
	.testimonial-container {
		width: 250px;
	}
}

/***************************/
/********** OVER ***********/
/***************************/

#about-content-block {
	margin-bottom: 60px;
	padding-top: 50px;
}
#about-content-block .about-img img {
	width: 97%;
}
#about-content-block a:not(.btn) {
	text-decoration: underline;
}
#about-content-block .about-img.mobile {
	display: none;
}
@media screen and (max-width:991px){
	#about-content-block {
		margin-bottom: 80px;
		padding-top: 17px;
	}
	#about-content-block .about-img.desktop {
		display: none;
	}
	#about-content-block .about-img.mobile {
		display: block;
	}
	#about-content-block .about-img.mobile img {
		width: 100%;
	}
}
@media screen and (max-width:575px){
	#about-content-block {
		padding-top: 15px;
	}
	#about-content-block > .panel-grid-cell:nth-child(1){
		margin-bottom: 0;
	}
}
/****************************/
/********** VIDEO ***********/
/****************************/

#video-portfolio-block {
	text-align: center;
}
@media screen and (max-width:767px) and (min-width: 576px){
	#video-portfolio-block .home-portfolio-item:nth-last-child(1){
		display: none;
	}
}

/**********************************/
/********** PHOTOGRAPHY ***********/
/**********************************/

#photography-portfolio-block {
	text-align: center;
}
@media screen and (max-width:767px) and (min-width: 576px){
	#photography-portfolio-block .home-portfolio-item:nth-last-child(2),
	#photography-portfolio-block .home-portfolio-item:nth-last-child(1) {
		display: none;
	}
}

/********************************************/
/********** PHOTOGRAPHY  - SINGLE ***********/
/********************************************/

#portfolio-single-content-block .col-md-3,
#portfolio-single-content-block .col-md-4,
#portfolio-single-content-block .col-md-6,
#portfolio-single-content-block .col-md-8,
#portfolio-single-content-block .col-md-9,
#portfolio-single-content-block .col-md-12 {
	padding-left: 10px;
	padding-right: 10px;
}
#portfolio-single-content-block img.portfolio-img {
	padding-bottom: 20px;
}
#fancybox-wrap {
	z-index: 991101;
}
.page-id-1278 #content.site-content {
	margin-top: 140px;
}
.page-id-1278 #portfolio-single-content-block img.portfolio-img {
	padding-bottom: 0;
}

/********************************/
/********** WORKSHOPS ***********/
/********************************/

/**********/
/** TEXT **/
/**********/

#workshops-content-block {
	margin-top: 75px;
	margin-bottom: 80px;
}
#workshops-content-block .workshop-text{
	padding-right: 50px;
}
@media screen and (max-width:991px){
	#workshops-content-block .col-md-6 {
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%;
	}
	#workshops-content-block .workshop-text{
		margin-bottom: 55px;
		padding-right: 15px;
	}
}
@media screen and (max-width:575px){
	#workshops-content-block {
		margin-top: 45px;
		margin-bottom: 50px;
	}	
	#workshops-content-block .workshop-text{
		margin-bottom: 40px;
	}
}

/**********/
/** FORM **/
/**********/

#workshops-content-block form .form-left {
	float: left;
	margin-right: 2.5%;
	width: 47.5%;
}
#workshops-content-block form .form-right {
	float: left;
	margin-left: 2.5%;
	width: 47.5%;
}
#workshops-content-block form>p {
	margin-bottom: 0;
}
#workshops-content-block form label {
	margin-bottom: 20px;
}
#workshops-content-block form label input[type="text"],
#workshops-content-block form label input[type="email"],
#workshops-content-block form label input[type="tel"],
#workshops-content-block form label input[type="date"] {
	height: 40px;
	margin-top: 5px;
}
#workshops-content-block textarea {
	height: 211px;
	margin-top: 5px;
	margin-bottom: -10px;
	width: 555px;
}
#workshops-content-block form .wpcf7-list-item.first.last {
	margin-left: 0;
	margin-bottom: 15px;
}
@media screen and (max-width:1199px){
	#workshops-content-block form .form-left label,
	#workshops-content-block form .form-right label,
	#workshops-content-block form p label {
		width: 100%;
	}
	#workshops-content-block textarea {
		width: 100%;
	}
}
@media screen and (max-width:575px){
	#workshops-content-block form .form-left,
	#workshops-content-block form .form-right {
		float: none;
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}
	#workshops-content-block form .form-left label,
	#workshops-content-block form .form-right label,
	#workshops-content-block form p label {
		width: 100%;
	}
	#workshops-content-block textarea {
		width: 100%;
	}
}

/***************************************/
/********** FINE ARTS PRINTS ***********/
/***************************************/

#fine-art-content-block {
	margin-top: 75px;
	margin-bottom: 60px;
}
#fine-art-img-block {
	margin-top: -40px;
}
#fine-art-form-block {
	margin-bottom: 80px;
}
#fine-art-form-block .form-left {
	float: left;
	margin-bottom: 10px;
	margin-right: 2.5%;
	width: 47.5%;
}
#fine-art-form-block .form-right {
	float: left;
	margin-bottom: 10px;
	margin-left: 2.5%;
	width: 47.5%;
}
#fine-art-form-block form>p {
	margin-bottom: 0;
}
#fine-art-form-block form label {
	margin-bottom: 20px;
}
#fine-art-form-block form label input[type="text"],
#fine-art-form-block form label input[type="email"],
#fine-art-form-block form label input[type="tel"],
#fine-art-form-block form label input[type="date"] {
	height: 40px;
	margin-top: 5px;
}
#fine-art-form-block textarea {
	height: 150px;
	margin-top: 5px;
	margin-bottom: -10px;
	width: 555px;
}
#fine-art-form-block form .wpcf7-list-item.first.last {
	margin-left: 0;
	margin-bottom: 15px;
}
@media screen and (max-width:1199px){
	#fine-art-form-block form p label {
		width: 100%;
	}
	#fine-art-form-block form textarea {
		height: 66px;
		width: 100%;
	}
}
@media screen and (max-width:991px){
	#fine-art-form-block form label {
		width: 100%;
	}
	#fine-art-form-block form textarea {
		height: 150px;
	}
}
@media screen and (max-width:575px){
	#fine-art-content-block {
		margin-top: 45px;
		margin-bottom: 50px;
	}
	#fine-art-form-block {
		margin-bottom: 50px;
	}
	#fine-art-form-block .form-left,
	#fine-art-form-block .form-right {
		float: none;
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}
}

/******************************/
/********** CONTACT ***********/
/******************************/

#contact-content-block {
	margin-top: 80px;
	margin-bottom: 80px;
}
@media screen and (max-width:575px){
	#contact-content-block {
		margin-top: 50px;
		margin-bottom: 50px;
	}
}

/*********************/
/** CONTACTGEGEVENS **/
/*********************/

.contact-data {
	background-color: #eee;
	margin-bottom: 45px;
	padding-top: 25px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 25px;
	text-align: center;
}
.contact-data a:active,
.contact-data a:focus,
.contact-data a:hover {
	color:black;
}
.br400 {
	display: none;
}
@media screen and (max-width:400px){
	.contact-data .divider {
		display: none;
	}
	.br400 {
		display: block;
	}
}

/**********/
/** FORM **/
/**********/

.contact-form .form-left {
	float: left;
	margin-bottom: 10px;
	margin-right: 2.5%;
	width: 47.5%;
}
.contact-form .form-right {
	float: left;
	margin-bottom: 10px;
	margin-left: 2.5%;
	width: 47.5%;
}
.contact-form form>p {
	margin-bottom: 0;
}
.contact-form form label {
	margin-bottom: 20px;
}
.contact-form form label input[type="text"],
.contact-form form label input[type="email"],
.contact-form form label input[type="tel"],
.contact-form form label input[type="date"] {
	height: 40px;
	margin-top: 5px;
}
.contact-form textarea {
	height: 150px;
	margin-top: 5px;
	margin-bottom: -10px;
	width: 555px;
}
.contact-form form .wpcf7-list-item.first.last {
	margin-left: 0;
	margin-bottom: 15px;
}
@media screen and (max-width:1199px){
	.contact-form form p label {
		width: 100%;
	}
	.contact-form form textarea {
		width: 100%;
	}
}
@media screen and (max-width:991px){
	.contact-form {
		margin-bottom: 15px;
	}
	.contact-form form .form-left label,
	.contact-form form .form-right label {
		width: 100%;
	}
}
@media screen and (max-width:575px){
	.contact-form {
		margin-bottom: 10px;
	}
	.contact-form .form-left,
	.contact-form .form-right {
		float: none;
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}	
}

/**************/
/** FACEBOOK **/
/**************/

.fb-275,
.fb-320,
.fb-380,
.fb-450,
.fb-470 {
	display: none;
}
@media screen and (max-width:1199px){
	.fb-500 {
		display: none;
	}
	.fb-470 {
		display: block;
	}
}
@media screen and (max-width:991px){
	.fb-500 {
		display: block;
	}
	.fb-470 {
		display: none;
	}
}
@media screen and (max-width:575px){
	.fb-500 {
		display: none;
	}
	.fb-450 {
		display: block;
	}
}
@media screen and (max-width:480px){
	.fb-450 {
		display: none;
	}
	.fb-380 {
		display: block;
	}
}
@media screen and (max-width:400px){
	.fb-380 {
		display: none;
	}
	.fb-320 {
		display: block;
	}
}
@media screen and (max-width:324px){
	.fb-320 {
		display: none;
	}
	.fb-275 {
		display: block;
	}
}

/***************/
/** INSTAGRAM **/
/***************/

#contact-instagram-block {
	margin-bottom: 75px;
	padding-top: 25px;
}

/**************************/
/********** CTA ***********/
/**************************/

#cta-block {
	padding-top: 30px;
	padding-bottom: 65px;
}
#cta-block .cta {
	text-align: center;
}
#cta-block .cta h3 {
	font-size: 24px;
	margin-bottom: 15px;
	text-transform: uppercase;
}
@media screen and (max-width:575px){
	#cta-block {
		padding-top: 13px;
		padding-bottom: 47px;
	}	
}

/*****************************/
/********** FOOTER ***********/
/*****************************/

.top-footer {
	background-color: black;
	padding: 50px 0;
}
.top-footer .footer-block {
	width: 33.333%;
}
.top-footer a:hover,
.top-footer a:focus,
.top-footer a:active {
	color: #bbb;
}
@media screen and (max-width:800px){
	footer#colophon .top-footer {
		padding-bottom: 15px;
	}
	footer#colophon .top-footer .ed-container .footer-block {
		margin-bottom: 40px;
		width: 100%;
	}
}

/**********/
/** LOGO **/
/**********/

.top-footer .footer-logo {
	margin-bottom: 30px;
	width: 70%;
}
.design-by {
	color: #999;
}
.design-by a:active, 
.design-by a:focus, 
.design-by a:hover{
	color:white;
}

/*********************/
/** CONTACTGEGEVENS **/
/*********************/

.footer-contact-data .icon-container {
	float:left;
	text-align: center;
	width: 25px;
}
.footer-contact-data .contact-link {
	float: left;
}

/*****************/
/** VOORWAARDEN **/
/*****************/

.top-footer .btn:hover,
.top-footer .btn:focus,
.top-footer .btn:active {
	color: black;
}