/*	SCREENS OF 769px WIDE OR LESS
===================================================================================================================================================================================	*/
@media screen and (max-width: 769px) {

	.fl-col-small:not(.fl-col-small-full-width) {max-width: 100%;} /* 100% width for the footer */
	.tah-facebook {margin-right: 0;}
	
}
/*	SCREENS OF 993px WIDE OR LESS
===================================================================================================================================================================================	*/
@media screen and (max-width: 993px) {

	.content-flexbox.img-txt {display: flex; -webkit-flex-direction: column-reverse; flex-direction: column-reverse;}

}


/*	SMALL SMALL SMALL SMALL SMALL SMALL SMALL SMALL SMALL SMALL SMALL SMALL SMALL SMALL SMALL SMALL SMALL SMALL SMALL SMALL SMALL SMALL SMALL SMALL SMALL SMALL SMALL SMALL SMALL 
===================================================================================================================================================================================	*/
@media only screen and (min-width: 479px) and (max-width: 768px) {
	
	.ct-block {padding: 0 10%;}
	.newsitem.ct-block {margin: 0 10%; padding: 0;}
			
/*	BLOCKQUOTES
=========================================================================== */	
	.contentblock blockquote p {padding: 0 10%;}

/*	PUPS
=========================================================================== */
	.pups .fl-col-content .fl-col-content {padding: 50px 40px;}
	.pups .fl-col-content .puppy .fl-col-content {padding-right: 60px;}
	.puppy h2.fl-heading, .parents h2.fl-heading {font-size: 2.6em;}
	
	.parents .fl-heading {margin-bottom: 5% !important;}
	.parents h3.fl-heading {font-size: 1.5em;}
	.parents h4.fl-heading {font-size: 2.5em;}

/*	HONDEN: ALL STYLES
=========================================================================== */
	#pedigree .afstamming .fl-html .flexcontainer {max-width: 50vw; padding-left: 50px;}

/*	FOOTER
=========================================================================== */

	 #footer-top .C2 .fl-col {width: 100%; padding-right: 0;}
	.tah-facebook {border-radius: 50px; margin-right: 90px;}
	
}

/*	MEDIUM MEDIUM MEDIUM MEDIUM MEDIUM MEDIUM MEDIUM MEDIUM MEDIUM MEDIUM MEDIUM MEDIUM MEDIUM MEDIUM MEDIUM MEDIUM MEDIUM MEDIUM MEDIUM MEDIUM MEDIUM MEDIUM MEDIUM MEDIUM MEDIUM 
===================================================================================================================================================================================	*/
@media only screen and (min-width: 769px) {
	
/*	HEADER
=========================================================================== */

	#mainmenu-search-row nav {margin-top: 0;}
	#mainmenu-search-row .fl-menu {
		position: relative;
		height: 72px;
		}
	#mainmenu-search-row ul {
		background-color: transparent;
		border: none;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 100;
		margin-top: 0;
		padding: 0;
		}
	#mainmenu-search-row ul li {border: none;}
	#mainmenu-search-row ul li a {font-size: 16px; padding: 29px 10px 27px; color: #fff;}
	#mainmenu-search-row ul li a:hover {background-color: transparent; color: #c5b9b0;}
	#mainmenu-search-row ul li a:active {
		background-color: #f69a31;
		border-bottom: 7px solid #fff;
		color: #fff;
		}
	#mainmenu-search-row ul li.current-menu-item a,
	#mainmenu-search-row ul li.current-page-ancestor a {background-color: #f69a31; border-bottom: 7px solid #fff; color: #fff;}	
	.searchresults .contentblock {margin-left: 0;}
	.searchresults .fl-post-feed-post { margin-bottom: 0;}
	.mainmenu-col {width: 96%;}

	/* styling for BB shortcode form		 */
	.search-col {width: 4%;}
	.search-col .fl-page-nav-search {display: block;}
	.search-col .fas.fa-search {top: 20px; color: #f69a31;}
	.search-col .fl-page-nav-search form {
		border-top: none;
		position: relative;
		top: 0;
		right: 43px;
		width: 500px;
		padding: 19px;
		}
	.search-col .fl-page-nav-search ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
		color: #c5b9b0;
		opacity: 1; /* Firefox */
		}
	.search-col .fl-page-nav-search :-ms-input-placeholder {color: #c5b9b0;} /* Internet Explorer 10-11 */
	.search-col .fl-page-nav-search ::-ms-input-placeholder {color: #c5b9b0;} /* Microsoft Edge */
	.logo a h1 {font-size: 1.6em; margin-left: 75px; margin-right: 0;}
	.highlight .fl-html {
		display: flex;
		float: right;
		text-align: right;
		margin-top: 14px;
		}
	.highlight .fl-html a {
		border-radius: 10px;
		max-width: 280px;
		margin-left: 20px;
		padding: 15px 20px;
		}

/*	BANNER
=========================================================================== */
	.banner-row .fl-col-content .fl-col-content {padding: 0;}
	.banner-row .page-title .fl-col-content:after {max-height: 360px;} /* gradient overlay */
	.banner-row .page-title .fl-col-content {height: 360px;}
	.page-title h1.fl-heading {
		font-size: 5em;
		text-align: right;
		margin-top: 252px !important;
		padding-right: 35px !important;
		}		
	/* only present on page single dog	 */
	.page-title h2.fl-heading {
		position: absolute;
		right: 80px;
		bottom: 110px;
		z-index 400; /* nw */
		margin: 0 !important;
		font-size: 2.2em;
		text-align: right;
		margin-top: 0px !important;
		margin-right: 23px !important;
		}

	.page-title-pages h1.fl-heading {margin-top: 252px !important; margin-right: 30px !important;}

	/*	INFO-BAR	
=========================================================================== */

	#info-bar-parent .fl-col-group {position: relative;}
	.crumbs {width: 50%; max-width: 50%;}
	.submenu {width: 55%; max-width: 55%;}
/*   for submenu's not collapsing during editing info-bar: aan zetten voor editing menu's in BB */
/*
	.submenu .fl-menu {
		position: relative;
		height: 50px;
		}
	.submenu ul {
		position: absolute;
		right: 0;
		top: 0;
		z-index: 111;
		height: 100%;
		padding-bottom: 0;
		}
*/
	.submenu ul {
		position: absolute;
		right: 0;
		top: 0;
		z-index: 120;
		height: 100%;
		padding-bottom: 0;
		}

	.submenu ul li {
		display: inline-block;
		height: 100%;
		}
	.submenu ul li a {
		font-size: 18px;
		color: #fff;
		height: 100%;
		line-height: 1.4em;
		padding: 24px 10px 29px 10px !important;
		}
	.submenu ul li a:hover {background-color: transparent; color: #c5b9b0;}
	.submenu ul li a:active {background-color: #f69a31; color: #fff;}
	.submenu li.current-menu-item a, .submenu li.current-menu-item a:hover {background-color: #f69a31; color: #fff;}

/*	PAGECONTENT
=========================================================================== */

	.single-onze-puppies .fl-page-content .fl-row,
	.single-alle-honden .fl-page-content .fl-row,
	.post-type-archive-onze-puppies .fl-page-content .fl-row,
	.post-type-archive-alle-honden .fl-page-content .fl-row,
	.tax-neststatus .fl-page-content .fl-row,
	.tax-ras .fl-page-content .fl-row {margin-bottom: 0;} 
	
/*	CUSTOM POST TYPE MENU SETTINGS	
=========================================================================== */

	/* main menu */
	.tax-ras #mainmenu-search-row ul li.menu-item-object-alle-honden a,				/* highlight main menu item 'honden' at CT 'tax-ras' */
	.tax-fokstatus #mainmenu-search-row ul li.menu-item-object-alle-honden a,		/* highlight main menu item 'honden' at CT 'tax-fokstatus' */
	.tax-neststatus #mainmenu-search-row ul li.menu-item-object-onze-puppies a,		/* highlight main menu item 'puppies' at CT 'tax-neststatus' */
	.page-id-9062 #mainmenu-search-row ul li.menu-item-object-onze-puppies a {		/* highlight main menu item 'puppies' at CT 'tax-neststatus' */
		background-color: #f69a31; color: #fff; border-bottom: 7px solid #fff;}		

	/* submenu */
	.single-alle-honden .submenu li.current-menu-parent a, .single-onze-puppies .submenu li.current-menu-parent a,					/* highlight submenu items on 'honden single' & 'puppies single' */		
	.single-alle-honden li.menu-item-object-alle-honden a, .single-onze-puppies li.menu-item-object-onze-puppies a,					/* highlight main menu items on 'honden single' & 'puppies single' */	
	.single-alle-honden li.menu-item-object-alle-honden a:hover, .single-onze-puppies li.menu-item-object-onze-puppies a:hover		/* keep main menu items highlighted on 'honden single' & 'puppies single' */
	{background-color: #f69a31 !important; color: #fff !important;}
	
	/* prevent footermenu-items highlight on 'honden single' & 'puppies single' */
	.single-alle-honden .footermenu li.menu-item-object-alle-honden a, .single-onze-puppies .footermenu li.menu-item-object-onze-puppies a {background-color: transparent !important;}	
		
/*	TYPOGRAPHY	
=========================================================================== */

	h1 {font-size: 3em;}
	h2 {font-size: 2.4em;}
	h3 {font-size: 2.2em;}
	h4 {font-size: 2em;}
	h5 {font-size: 1.8em;}
	h6 {font-size: 1.6em;}


/*	H2: HEADING + GRAPHIC
=========================================================================== */

	.heading-graphic {position: relative; margin-bottom: 12px;}
	.heading-graphic::before {
		background-color: #595450;
		width: 37px;
		height: 38px;
		}
	.heading-graphic::after  { /* all declarations needed for IE11 */
		background-color: #f69a31;
		border-bottom: 3px solid #fff;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 130;  /* nw */
	    font-family: 'Font Awesome 5 Free';
	    font-weight: 900;
	    content: "\f1b0";
		display: inline-block;
		font-style: normal;
		font-variant: normal;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
	    color: #fff !important;
		font-size: 1.4em;
		text-align: center;
		width: 37px !important;
		height: 35px;
		padding-top: 1px;
		}
	.heading-graphic h2, .heading-graphic h2.fl-heading {margin: -39px 0 0 60px !important;}

/*	CONTENTBLOCKS
=========================================================================== */

	.ct-block {padding: 0 10%;}
	.newsitem.ct-block {margin: 0 10%; padding: 0;}

	.content-flexbox .copy {padding-bottom: 0;}
	.content-flexbox .single-text {padding-top: 0;}
	.txt-img .fl-photo {text-align: right;}
	.img-txt .fl-photo {text-align: left;}
	.content-flexbox.txt-img .fl-photo {margin-top: 25px}
	.content-flexbox.img-txt .fl-photo {margin-top: 15px;}
	
	.contentblock .square img {
		width: 100%; min-width: 400px;
		height: 100%; min-height: 400px;
		}
	.contentblock .tall img {
		width: 100%; min-width: 400px;
		height: auto;
		}
	.contentblock .wide img {
		width: 100%; min-width: 600px;
		height: auto;
		}
	.contentblock .x2 {
		background-color: #fff6ed;
		padding: 20px 0;
		}
	.contentblock .x2 .content-picture {padding: 0 20px;}
	.contentblock .x2 .content-picture .fl-photo {padding: 10px;}
	.contentblock .x2 img {
		width: 100%; min-width: 600px;
		height: auto;
		}

/*	NEWS
=========================================================================== */

	.contentblock.news .news-text {padding: 2% 10%;}
	.contentblock.news .wide-1080 .copy {padding: 0 10% 3%;}

	.contentblock.news .fl-photo {margin-top: 0;}
	.contentblock.news .wide-1080 .content-flexbox {margin-top: 0;}
	.contentblock .newsitem.square img {
		width: 100%; min-width: 430px;
		height: 100%; min-height: 430px;
		}
	.contentblock .newsitem.tall img {
		width: 100%; min-width: 430px;
		height: auto;
		}
	.contentblock .newsitem.wide-1080 img {
		width: 100%;
		height: auto;
		}

/*	BLOCKQUOTES
=========================================================================== */	

	.contentblock blockquote p {font-size: 3.2rem; padding: 0 15%;}
		
/*	LISTS
=========================================================================== */
	.contentblock ul, .contentblock ol {padding-left: 25px;}
	.list ul li, .list ol li {padding-left: 3.9rem;}
	
/*	CONTENT CPT HONDEN
=========================================================================== */

	.honden .button div {margin: 30px 0;}
	.content-flexbox.honden .content-text {flex: 1; margin-right: 5%;}
	.content-flexbox.honden .content-text:last-child {margin-right: 0;}

/*	HONDEN: PORTFOLIO, FILTER & SINGLE DOG PAGES
=========================================================================== */
	.honden-tahouka .fl-row-content-wrap .pp-content-post .dogs {padding: 50px;}
	.honden-tahouka .pp-post-filters-wrapper ul::before {content: "Sorteer:";}

	.honden-tahouka.portfolio .dog-heading .specs-left {display: inline;}
	.honden-tahouka.portfolio .dog-heading .specs-right h2 {margin-top: 10px;}
	.honden-tahouka.portfolio .square-pic {margin-top: -140px !important; margin-bottom: 0;}
	
	.dogs .specs-left {padding-right: 10%;}
	.dogs .specs-right .specs:first-child {padding-top: 20px;}
	.honden-tahouka.portfolio .dogs .specs-left img {margin-top: -125px; margin-bottom: 0;}
	
	.dogs h2.dropcaps:first-letter {font-size: 105px;}
	.dogs h2 {margin-top: 0;}
	.dogs h5 {font-size: 22px; margin: -20px 0 10px 45px;}
	.dogs .specs-left, .dogs .specs-right {
		float: left;
		text-align: left;
		width: 50%;
		}

	.dogs .specs {display: flex;}
	.dogs .specs-col {text-align: left; flex: 1;}
	.dogs .label {max-width: 37%;}
	.dogs .label p {
		color: #65615d;
		font-weight: normal;
		font-size: 1.5em;
		}
	.dogs .value {margin-bottom: 0;}
	.dogs p {display: inline-block;}
	.dogs .addit {color: #d07802;}
	.dogs .fl-button-wrap {text-align: left;}
	.dogs .fl-button-wrap a {margin-top: 10px;}
	
/*	HONDEN: PEDIGREE
=========================================================================== */

	#pedigree {margin-top: 40px;}
	#pedigree h2.fl-heading, #pedigree p {text-align: left;}
	.flexcontainer {display: flex; flex-flow: row; border: 1px solid #e0c8b6; min-height: 50px; margin-bottom: 0;}
	.container-middle {display: flex;}
	.left {border-right: 1px solid #e0c8b6;}
	.right {border-left: 1px solid #e0c8b6;}
	.container-middle:first-child, .right div:first-child {border-bottom: 1px solid #e0c8b6;}
	.left {
		position: relative; /* vertical centering */
		flex: 1;
		padding: 20px;
		}
	.middle {width: 66%;}
	.right {flex: 1;}
	.container-middle p {flex: 1; padding: 20px;}
	
	.left p {
		position: relative;
		top: 20%;
		transfrom: translateY(-50%);
		}
	.center-v {position: relative; flex: 1;}
	.center-v p {
		position: relative;
		top: 25%;
		transfrom: translateY(-50%);
		}
	.tree-2nd, .tree-3rd {padding: 0;}

/*	HONDEN: REGENBOOG
=========================================================================== */

	.fl-row.regenboog {padding-top: 40px;}
	.regenboog .introtext .fl-col-content {padding: 60px 80px 100px;}
	.regenboog .introtext h2.fl-heading, .regenboog .introtext p {text-align: left;}
	.regenboog .introtext h2.fl-heading {margin-bottom: 30px !important;}
	.regenboog .introtext h2.fl-heading::after {
	    position: absolute;
	    left: 0;
	    z-index: 140;
		}
	.regenboogtext {margin-top: 76px;}
	
/*	PUPPIES
=========================================================================== */

	.parents {display: flex;}
	.parents .dame, .parents .gent {width: 50%;}
	.parents .gent {margin-top: 0;}
	.parents .and-sign {
		position: absolute;
		top: 0;
		left: 0;
	    z-index: 150;
		margin-top: 30px;
		}
	.parents h2.fl-heading {padding: 0 40px;}	
	.puppies h6.fl-heading {color: #f69a31; font-size: 8em !important;}
	.parents-heading .fl-button-wrap {display: inline; margin-left: 15px;}
	.contentblock.pups-new .fl-html {margin-top: 0; margin-bottom: 40px;}
	.content-text .pupspecs {display: flex; padding: 40px 40px 0;}
	.pupspecs h2.roepnaam {margin-left: 8px;}
	.pupspecs h2.dropcaps {font-size: 42px; margin: -20px 0 0 15px;}
	.pupspecs h2.dropcaps:first-letter {font-size: 72px;}
	.pupspecs p {flex: 1; text-align: right; margin-top: 11px;}
	.pup-pics {display: flex; justify-content: space-between;}
	.pup-pics.x2 {padding: 0 20px;}
	.pup-birth, .pup-present {
		padding: 10px;
		padding-top: 0;
		flex: 1 1 auto;
		}
	.honden-tahouka .pp-post-filters-wrapper ul {padding-left: 10px;}

/*	PUPPIES: GROEITABEL
=========================================================================== */

	.groeioverzicht {
		border: 1px solid #e0c8b6;
		padding-bottom: 0;
		}
	.groeiheading {
		display: flex;
		border-bottom: none;
		width: 100%;
		}
	.groeiheading h4 {
		border-left: 1px solid #e0c8b6;
		text-align: center;
		font-size: 1.6em;
		width: 10%;
		margin: 0;
		padding: 10px;
		}
	.groeiheading h4:first-child {
		border-left: none;
		text-align: left;
		width: 30%;
		padding-left: 15px;
		}
	.groeidata {
		display: flex;
		width: 100%;
		}
	.groeidata p {
		border-top: 1px solid #e0c8b6;
		border-left: 1px solid #e0c8b6;
		text-align: center;
		width: 10%;
		margin: 0;
		padding: 10px;
		}
	.groeidata p:first-child {
		border-left: none;
		text-align: left;
		width: 30%;
		padding-left: 15px;
		}

/*	PUPPIES: weekoverzicht
=========================================================================== */

	#week-tabs .fl-tabs-label {
		background-color: #fff;
		color: #f69a31;
		border-top: 1px solid #f69a31;
		border-right: 1px solid #f69a31;
		border-left: 1px solid #f69a31;
		border-radius: 10px 10px 0px 0px;
		margin-right: -1px;
		}
	#week-tabs .fl-tabs-label:first-child {border-left: 1px solid #f69a31;}
	#week-tabs .fl-tabs-label.fl-tab-active {
		background: #f69a31;
		color: #fff;
		}	
	#week-tabs .fl-tabs-panels {padding: 20px;}
	#week-tabs .pp-image-carousel-wrapper {padding: 0 1px;}
		
/*	FOOTER
=========================================================================== */

	#footer-top {padding: 2% 0 1%;}
	#footer-top h2 {margin-top: -51px !important;}
	#footer-top .footermenu .fl-menu nav {margin-top: 0;}
	.footermenu ul#menu-menu-footer li {border-right: 1px solid #f69a31; padding: 7px 15px 0;}
	.footermenu ul#menu-menu-footer li:last-child {border: none; padding-right: 0;}
	.footermenu ul#menu-menu-footer li a:hover {color: #c5b9b0;}
	.tah-facebook {border-radius: 50px; margin-right: 60px;}
	.rvb {margin: 20px 0 30px;}
	.rvb-text {
		width: 80%;
		float: right;
		text-align: right;
		}
	#footer-bot {padding-bottom: 7px;}

/*	PAGE CONTACT
=========================================================================== */

	.naw .content-flexbox {width: 100%; margin-top: 20px;}
	.adres {flex: 1;}
	.tel {flex: 3;}
	.tel div {display: flex; width: 100%;}
	.tel p {flex: 1; margin-bottom: 0;}
	.tel p:last-child {flex: 6;}
	.naw a {color: #f69a31;}
	.naw a:hover {color: #d07802; text-decoration: none;}
			
}

/*	LARGE LARGE LARGE LARGE LARGE LARGE LARGE LARGE LARGE LARGE LARGE LARGE LARGE LARGE LARGE LARGE LARGE LARGE LARGE LARGE LARGE LARGE LARGE LARGE LARGE LARGE LARGE LARGE LARGE 
===================================================================================================================================================================================	*/
@media only screen and (min-width: 993px) {
	
	.ct-block {padding: 0;}
	.newsitem.ct-block {margin: 0;}

/*	NEWS
=========================================================================== */
	.newsitem {display: flex;}
	.newsitem.wide-1080 {display: block;}

	.contentblock.news .news-text {padding: 0 0 0 100px;}
	.contentblock.news .wide-1080 .news-text {
		border-right: 4px solid #c5b9b0;
		width: 40%;
		height: 60%;
		margin: auto 0;
		padding: 0 80px;
		}
	.contentblock.news .wide-1080 .copy {width: 60%; padding: 40px 60px 20px;}
	.contentblock.news .wide-1080 h3::after {	
	    background-color: transparent;
	    margin: 0;
		}
		
	.contentblock.news .news-picture {flex: 1 1 auto;}
	.contentblock.news .news-text {width: 50%; padding-top: 15px;}
	.contentblock.news .copy {padding: 0;}	
	.contentblock.news .square .fl-photo, .contentblock.news .tall .fl-photo {
		border-top: 0;
		text-align: right;
		margin: 0 0 0 60px;
		padding: 0;
		}
	.contentblock.news img {border-top: 0; border-left: 1px solid #fc8102;}
	.contentblock.news .newsitem.wide-1080 img {border: none;}
	.contentblock.news .wide-1080 .news-text, .contentblock.news .wide-1080 .copy {width: 50%;}
	
	.contentblock .newsitem.square img {
		width: 100%; min-width: 430px; max-width: 430px;
		height: 100%; min-height: 430px; max-height: 430px;
		}
	.contentblock .newsitem.tall img {
		width: 100%; min-width: 430px; max-width: 430px;
		height: 100%; min-height: 600px; max-height: 600px;
		}
		
/*	CONTENT BLOCKS
=========================================================================== */

	.content-flexbox {display: flex; -webkit-flex-direction: row; flex-direction: row;}
	.content-flexbox .content-text {flex: 2 1 auto;}

	.content-flexbox.txt-img .content-text {margin-right: 5%;}
	.content-flexbox.img-txt .content-text {margin-left: 5%;}

	.content-flexbox.C2, .content-flexbox.C3 {margin-top: -10px;}
	.columns.C2 .copy {width: 45%; margin-right: 5%;}
	.columns.C2 .copy:last-child {margin-right: 0%;}
	.columns.C3 .copy {width: 30%; margin-right: 5%;}
	.columns.C3 .copy:last-child {margin-right: 0%;}

	.content-flexbox .content-picture, .content-flexbox .content-picture .fl-photo {margin: 0 auto;}
	.content-flexbox .content-picture {flex: 1 1 auto;}
	.content-flexbox.x2 .content-picture {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		text-align: center;
		padding: 0 25px;
		}
	.content-flexbox.x2 .content-picture .fl-photo {flex: 1 1 auto; width: 50%;}
	.caption {margin-bottom: 0;}
	.content-text .heading-graphic {margin-top: 12px;}
	
/*	IMAGES
=========================================================================== */

	.contentblock .x2 img {
		width: 100%; min-width: 460px; 
		height: auto;
		}
				
/*	BLOCKQUOTES
=========================================================================== */	

	.contentblock blockquote p {font-size: 3.4rem; padding: 0 20%;}

/*	HONDEN: ALL STYLES
=========================================================================== */

	.rb-datum {margin-right: 90px;}
	.tah-facebook {margin-right: 50px;}

/*	FOOTER
=========================================================================== */

	#footer-top h2 {margin-top: -65px !important;}

}

/*	DESKTOP DESKTOP DESKTOP DESKTOP DESKTOP DESKTOP DESKTOP DESKTOP DESKTOP DESKTOP DESKTOP DESKTOP DESKTOP DESKTOP DESKTOP DESKTOP DESKTOP DESKTOP DESKTOP DESKTOP DESKTOP DESKTOP 
===================================================================================================================================================================================	*/
@media only screen and (min-width: 1100px) {
	
	.honden-tahouka .pp-post-filters-wrapper ul {padding-left: 0;}
	
}

