/*
Theme Name: HF-PLANBAU 1.4
Theme URI: https://www.hartmutfischerplanbaugmbh.de 
Author: offo
Author URI: https://www.hartmutfischerplanbaugmbh.de 
Description: HF-PLANBAU
Version: 1.4
License: Copyright 2026
*/


/** ========================================================================== RESET */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	-webkit-text-size-adjust: 100%; 
	text-transform: none;
}
html {
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
ul {
	list-style-type: none !important;
	-webkit-margin-before: 0 !important;
	-webkit-margin-after: 0 !important;
	-webkit-padding-start: 0 !important;

}

 
/** ========================================================================== TYPO */

@font-face {
	font-family: 'Font Awesome';
	font-style: normal;
	font-weight: 400;
	src: url("fonts/fa-regular-400.woff2") format("woff2"), url("fonts/fa-regular-400.ttf") format("truetype");
}
@font-face {
	font-family: 'Font Awesome';
	font-style: normal;
	font-weight: 900;
	src: url("fonts/fa-solid-900.woff2") format("woff2"), url("fonts/fa-solid-900.ttf") format("truetype");
}

@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 400;
	src: url("fonts/Lato-Regular.ttf") format("truetype");
}

@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 700;
	src: url("fonts/Lato-Bold.ttf") format("truetype");
}




::selection {
    background: #333;
    color: #fff;
}
::-moz-selection {
    background: #333;
    color: #fff;
}
h1, h2, h3, h4 { 
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	line-height: 1.35em; 
	font-style: normal;	
	font-weight: 700;
	letter-spacing: 0.05em;
 	text-align: left; 
	text-transform: uppercase;
    color: #333;
}
h1 { 
	font-weight: 900;
	color: #C90130;
	padding-bottom: 1em;
}
h2 {
	width: 75%;
	color: #333;
	padding-top: 1em;
	padding-bottom: 2em;
}
.title h2 {
	padding-top: 0;
}
h3 {
	font-size: 14px;
	color: #999;
	text-transform: uppercase;
	font-weight: 400;
} 
p {
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5em;
	text-transform: none;
	letter-spacing: 0.02em;
	text-align: left;
	padding-bottom: 1.5em;
}
i, em {
	text-decoration: none; 
	font-style: normal;
	font-weight: 700;
	color: #C90130;
}
b, strong { 
	text-decoration: none; 
}
mark {
	background: none !important;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
}
a {
  	color: #000;
	outline: none;
	text-transform: none;
	text-decoration: none;
	-webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    border: none;
}
a:hover {
	color: #999;
	border: none;
	cursor: pointer;
}
.text a {	
    border-bottom: 1px solid #C90130;
}
.text a:hover {	
    border-bottom: 1px solid #999;
}

em a {
	color: #C90130;
}
blockquote,
blockquote p {
	font-size: 24px !important;;
	line-height: 1.35em;
	font-style: italic !important;;
	font-weight: 900;
	letter-spacing: 0.02em;
	text-align: center;
	color: #999 !important;
	padding-top: 1em;
	padding-bottom: 1.35em !important;	
}
.nowrap {
	white-space: nowrap;
	display: inline-block;
}


/** ========================================================================== BASIC */

body {
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	text-transform: none;
	text-align: left;
	line-height: 1.5em; 
	font-style: normal;
	font-weight: normal;
	letter-spacing: 0em;
	color: #000;
	background: #fff;	
	
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	
	-webkit-hyphenate-limit-chars: auto 3;
	-moz-hyphenate-limit-chars: auto 3;
	-ms-hyphenate-limit-chars: auto 3;
	hyphenate-limit-chars: auto 3;

	-webkit-hyphenate-limit-lines: 2;
    -moz-hyphenate-limit-lines: 2;
    -ms-hyphenate-limit-lines: 2;
    hyphenate-limit-lines: 2;
} 
.site {
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	background: #fff;
}
#logo {
	width: 20%;
	margin-top: 2em;	 
	box-sizing: border-box;
}
.claim {
	font-size: 16px;
	color: #333;
	padding-top: 20px;
	font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
#logosmall {
	width: 40%;
	padding-top: 20px;
	padding-bottom: 20px;
	display: none;
	box-sizing: border-box;
}
#fixhead.active #logosmall {
	display: block;
}


main {
	min-height: 100vh;
}
#main_inner {	
	padding-bottom: 300px; /* sticky footer */
}


/** ========================================================================== GRID */

.wrapper {
	margin: 0 auto;	
	clear: both;
	box-sizing: border-box;
}
section {
	padding-top: 0;	 
} 
.top {
	padding-top: 100px;
} 
.chap {
	padding-top: 5em;
	padding-bottom: 5em;
} 

article {
	width: 100%;
}

.cf::before,
.cf::after {
  content: " ";
  display: table;
} 
.cf::after {
  clear: both;
}
.cf {
  *zoom: 1;
}
.c1 { 	width: 8.3334% }
.c2 { 	width: 16.6667% }
.c3 { 	width: 25% }
.c4 {	width: 33.3334% }
.c5 {	width: 41.6667% }
.c6 {	width: 50% }
.c7 {	width: 58.3334% }
.c8 {	width: 66.6667% }
.c9 {	width: 75% }
.c10 {	width: 83.3334% }
.c11 {	width: 91.6667% }
.c12 {	width: 100% }
.c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12 { 
	box-sizing: border-box ;
}
.col { float: left; }
.col.left { 
	float: left; 
	padding-right: 2.0834%;
	box-sizing: border-box;
}
.col.right { 
	float: right; 
	padding-left: 2.0834%;
	box-sizing: border-box;
}
.grid article {
	margin-bottom: 10px;
}
.grid .gutter {width: 4.1667%;}
.grid .c3 { width: 21.875%; }
.grid .c4 { width: 30.5555%; }
.grid .c6 { width: 47.91667%; }
.col.grid .c3 { width: 21.875%; }
.col.grid .c4 { width: 30.556%; }
.col.grid .c6 { width: 46.6%; }

.grid .col.c3 { width: 25% }
.grid .col.c4 { width: 33.3334% }
.grid .col.c6 { width: 50%; }
.grid .col.c8 { width: 66.6667% }



/** ==========================================================================  */

.text li::before {
	/*font-family: 'Font Awesome';
	font-size: 10px;*/
	font-weight: 700;
	content: "-";
	color: #C90130;
	display: inline-block;
	width: 1em;
 	margin-left: -1em;
	/*vertical-align: 2px;*/
}
.text ul.nolist li::before {
	content: '';
	display: inline-block;
	width: 0;
	margin-left: 0;
}
.text ol li:last-of-type,
.text ul li:last-of-type {
	padding-bottom: 30px;
}
.image { 
	height: auto;
	line-height: 1px;
	position: relative;
}
.image img {
	width: 100%; 
	height: auto;
}
.single_article .image {
	margin-bottom: 3em;
}
.readmore {
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	display: block;
	font-size: 14px;
	font-weight: 700;
    border: none !important;

}
.readmore:before {
	font-family: 'Font Awesome';
	content: "\f061";
	padding-right: 5px;
	font-size: 10px;
}

.newsmessage {
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	line-height: 1em;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	background: #C90130;
	position: absolute;
	box-sizing: border-box;
	width: 100%;
	z-index: 99;
}
.single_article .news_intro {
	border-left: 2px solid #C90130;
    padding-top: 1em;
    padding-left: 2em;
    margin-right: 2em;
	margin-bottom: 2em;
}
.news_intro p {
	/*font-weight: 700 !important;*/
	font-size: 16px; 
}

#hflink {
    float: left;
	box-sizing: border-box;	
    margin-top: 2em;
    margin-bottom: 2em;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}
#hflink h2 {
    color: #333;
	border-left: 2px solid #C90130;
    padding-top: 2em;
    padding-bottom: 2em;
    padding-left: 2em;
    margin-right: 2em;
    text-transform: none;
}
#hflink:hover {
    /*background: #999;*/
    margin-left: 2em;
}
#hflink:hover h2 {
    color: #C90130;
}
 

/** ========================================================================== FRONTPAGE */

.news_object {
	padding-bottom: 5em !important;
}
.news_object .image {
	padding-bottom: 1em;
}
.news_object .title {
	padding-bottom: 1em;
}
.news_object h2 {
	/*font-size: 24px;*/
	/*color: #C90130 !important;/*/
	padding-bottom: 0;
}

.caption {
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	color: #000;
	padding-top: 10px;
	padding-bottom: 60px;
	text-align: left;
}


/* ========================================================================== MAIN NAVIGATION */

#fixhead {
	position: fixed;
	top: 0px;
	width: 100%;
	height: auto;
	min-height: 80px;
	margin: auto;
	z-index: 99999;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;	
	background: rgba(255, 255, 255, 0);
}
#fixhead.active {
	background: rgba(255, 255, 255, 1);
	position: fixed;
	opacity: 1;
	top: 0;
}
#fixhead.shadow {
	-ms-box-shadow: 0 0 7px rgba(0, 0, 0, .13);
	-moz-box-shadow: 0 0 7px rgba(0, 0, 0, .13);
	-o-box-shadow: 0 0 7px rgba(0, 0, 0, .13);
	-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .13);
	box-shadow: 0 0 7px rgba(0, 0, 0, .13);
}
#fixhead.hide {
	top: -200px;
	opacity: 0;
}
#fixhead .col.left {
	width: 20%;
}
.main-navigation {
	width: 100%;
	height: auto;
	margin-left: 0.5em;
	margin-top: 30px;
}
.menu-main-navigation-container {
	text-align: right;
}
.main-navigation ul {
    margin: 0; 
	padding: 0;
}
.main-navigation li {
    display: inline-block;
	padding-left: 0.5em;
	padding-right: 0.5em;
	max-height: 40px;	
	position: relative;
	 
}
.main-navigation li a {
	font-size: 14px;
	font-weight: 700;
	color: #000; 
	text-transform: uppercase;
	border-bottom: none;
    line-height: 40px;
    padding-left: 0;
	padding-right: 0;
	letter-spacing: 0.02em;
}
.main-navigation .current-menu-item  {
	border-bottom: 2px solid #C90130;
}
.main-navigation .current-menu-item a {
	color: #C90130;
}
.main-navigation a:hover  { 
    color: #C90130;
	cursor: pointer; 
}
.main-navigation .sub-menu  { 
    display: none;
	position: absolute;
	top: 70px;
	right: 0;
	text-align: right;
	z-index: 999;
    background: #000;
	-ms-box-shadow: 20px 20px 30px rgba(0,0,0,0.1); 
	-moz-box-shadow: 20px 20px 30px rgba(0,0,0,0.1); 
	-o-box-shadow: 20px 20px 30px rgba(0,0,0,0.1); 
	-webkit-box-shadow: 20px 20px 30px rgba(0,0,0,0.1); 
	box-shadow: 20px 20px 30px rgba(0,0,0,0.1); 
}
.main-navigation .sub-menu li { 
    width: auto; 
	min-width: 150px;
	height: auto;  
}
.main-navigation .sub-menu li a { 
	color: #fff;
	font-size: 12px;
	line-height: 25px;
	display: block;
}
.main-navigation ul li:hover > ul {
    display: block;
} 
.main-navigation .current-menu-ancestor, 
.main-navigation .current-menu-parent, 
.main-navigation .current_page_parent, 
.main-navigation .current_page_ancestor a,
.top-navigation .current-menu-ancestor, 
.top-navigation .current-menu-parent, 
.top-navigation .current_page_parent, 
.top-navigation .current_page_ancestor a { 
    color: #999 !important;
}
.main-navigation .menu-item-type-custom {
	cursor: pointer; 
}
.main-navigation li.wahl a {
    color: #999;
}

.main-navigation li.immoscout a {
	color: #000;
	background: #00ffd0;
	
	letter-spacing: .04em;
	width: auto;
	border-radius: 50px;
	display: block;
	line-height: 1.5em;
	padding: .5em 1em;
	box-sizing: border-box;
	transition-duration: .2s;
}
.main-navigation li.immoscout a:hover{
	color: #fff;
	background: #000;	
}


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

footer {
	color: #000;
	background: #fff;
	padding-top: 0;
	clear: both !important;
	width: 100%;
	height: 300px;
	margin-top: -300px;
}
#footer_inner {
	margin-top: 20px;
}
#footer-navigation {
    padding-top: 2em;
}
#footer-navigation ul {
	list-style: none outside none; 
    margin: 0; 
	padding: 0;
}
#footer-navigation li {
    line-height: 25px;
    padding-left: 2em;
    box-sizing: border-box;
    float: right;
    text-align: left;
}
#footer-navigation li a {
	font-family: 'Lato', sans-serif;
	font-size: 11px;
	font-weight: 700;
	color: #000;
	text-transform: uppercase;
	text-decoration: none;
	border: none;
	display: block;
}
#footer-navigation a:hover  {
	color: #C90130;
	cursor: pointer;
}
#footer-navigation .sub-menu li {
	width: 100%;
	margin-top: 0; 
	padding-left: 0; 
}

#footer_logo {
	width: 150px;
	padding-top: 20px;
	padding-bottom: 20px;
    float: right;
}
#footer_inner .text {
    clear: both;
}


#footer_info p,
#footer_info strong,
#footer_info em,
#footer_info a {
	font-family: 'Lato', sans-serif;
	font-size: 11px;
	line-height: 1.9em;
	text-align: right;
	font-weight: 700;
	color: #000; 
	text-transform: uppercase;
	border: none;
    padding-bottom: 0;
}
#footer_info a:hover  {
	color: #C90130;
	cursor: pointer;
}



/** ========================================================================== BUTTONS ETC */

.button, 
input[type="button"], 
.input.button,
input[type="submit"],
input.submit {
	font-family: 'Lato', sans-serif;
	font-size: 14px !important;
	font-style: normal !important;
	color: #fff !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	text-align: center !important;
	text-indent: 0 !important;
	background-color: #999 !important;
	letter-spacing: 0.05em;
	border: none !important;
	margin-top: 0 !important;
	margin-bottom: 10px !important;
	border-radius: 0px !important;
	width: 100%;
	display: inline-block !important;
	line-height: 1.5em !important;
	padding: 0.5em 3em 0.5em 3em !important;
	box-sizing: border-box;
	-webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}
.button:hover, 
.button:active, 
.edit:hover, 
.edit:active,
input[type="button"]:hover, 
input[type="submit"]:hover, 
.wpcf7-submit:hover {
	border: none !important;
	color: #fff !important;
	background-color: #000 !important;
	cursor: pointer !important;	
}


/** ========================================================================== INPUT ETC */

select, input, textarea {	
	color: #000 !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	text-transform: none !important;
	padding: 0.5em 1em 0.5em 1em !important;
	margin: 0 !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-ms-border-radius: 0px !important;
	border-radius: 4px !important;
	-ms-box-shadow: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	background: #fff;
	border: 1px solid #999 !important;	
	outline: none;
	display: inline-block;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	text-indent: 0;
	box-sizing: border-box;
	-webkit-transition-duration: 0.2s !important;	
    -moz-transition-duration: 0.2s !important;
    -o-transition-duration: 0.2s !important;
    transition-duration: 0.2s !important;
}
select,
select:active,
select:checked,
select:hover,
select:focus {
	border-radius: 0px !important;
	display: inline-block !important;
	line-height: 1.5em !important;
	padding: 0.5em 3.5em 0.5em 1em !important;
	
	background-image:
		linear-gradient(45deg, transparent 50%, #000 50%),
		linear-gradient(135deg, #000 50%, transparent 50%),
		linear-gradient(to right, #000, #ccc);
	background-position:
		calc(100% - 20px) calc(1em + 2px),
		calc(100% - 15px) calc(1em + 2px),
		calc(100% - 2.5em) 0.5em;
	background-size:
		5px 5px,
		5px 5px,
		1px 1.5em;
	background-repeat: no-repeat;
}
input:hover, 
input:checked { 
	border: 1px solid #000 !important;	
	background: none !important;
	color: #000 !important; 
}
input:active, 
input:focus {
	-ms-box-shadow: none !important;
	-moz-box-shadow: none !important;
	-o-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	background: none !important;	
	border: 1px solid #000 !important;	
	color: #000 !important;
} 
textarea, 
input[type="text"], 
input[type="email"], 
input[type="tel"] {
	color: #000 !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	letter-spacing: 0.1em !important;
	text-transform: none !important;
	width: 100% !important;
	vertical-align: middle !important;
	box-sizing: border-box
}
input[type="number"] {
	width: 50px !important;
	text-indent: 0px !important;
	text-align: center !important;
	padding: 0.5em 0.5em 0.5em 0.5em !important;
}
.allcheckout input[type="number"] {
	font-weight: 400 !important;
}
input[type="radio"], 
input[type="checkbox"], 
.input-checkbox {
	width: 14px !important;
	height: 14px !important;
	padding: 10px !important;
	margin-right: 20px !important;
	margin-top: 0 !important;
	display: inline-block !important;
	box-sizing: border-box;
	transform: translate(0, -2px);
	vertical-align: middle !important;
	background: none !important;
	border-radius: 0 !important;
}
input[type="radio"]:hover, 
input[type="checkbox"]:hover, 
.input-checkbox:hover  { 
	border: 1px solid #000 !important;	
	color: #000 !important; 
	background: none !important;
}
input[type="radio"]:checked, 
input[type="checkbox"]:checked, 
.input-checkbox:checked  { 
	background: none !important;
	border: 1px solid #000 !important;
	transform: rotate(45deg)scaleY(1.1) scaleX(0.5) translate(0, -5px);
	border-left: none !important;
	border-top: none !important;
}
label {
	line-height: 30px;
}
h1 label,
h2 label,
h3 label {
	line-height: 40px;
}


/** ========================================================================== SELECT2 */	

.select2,
.select2-container--default,
.select2-selection__rendered,
.select2-selection--single {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-op-border-radius: 0 !important;
	-ms-border-radius: 0 !important;
	border-radius: 0 !important;
	-ms-box-shadow: none !important;
	-moz-box-shadow: none !important;
	-o-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;	
    background: none !important;
	border: none !important;
	outline: none !important;
	display: inline-block;
	font-size: 14px !important;
	color: #000 !important;
	line-height: 28px !important;
	font-weight: 400 !important;
	text-transform: none !important;
	letter-spacing: 0.02em !important;
	text-indent: 0;
	height: 32px;
}
.select2-selection--single {
	border: 1px solid #000 !important;
	height: 38px !important;
}
.select2-container .select2-selection--single .select2-selection__rendered {
	padding-top: 4px !important;
}
.select2-container--default.select2-container--open,
.select2-search--dropdown,
.select2-results__options {
	background-color: #ededed !important;
}
input.select2-search__field   {
	background: #fff !important;
}
.select2-selection__arrow {
	height: 40px !important;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #af424b !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #af424b !important;
}
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #000 !important;
	color: #fff !important;
}


/** ========================================================================== CONTACT FORM */ 

.wpcf7 p {	
	font-size: 10px;
}
.wpcf7-mail-sent-ok {
	font-size: 10px;
	font-weight: 400;
	color: #000 !important;
	text-transform: uppercase !important;
	border: none !important;
 	background: rgba(160,210,195,0.1) !important;
}
.wpcf7-mail-sent-ok:before {
	font-family: 'FontAwesome' !important;
	content: " " !important;
	color: #000 !important;
	font-weight: 400 !important;
	line-height: 10px !important;
	font-size: 10px !important;
	font-style: normal !important;
}
.wpcf7-validation-errors,
.wpcf7-not-valid-tip {
	color: #999 !important;
	font-size: 10px;
	font-weight: 400;
	text-transform: uppercase !important;
	border: none !important;
	border-top: none !important; 
	background: none !important; 
	
}
.wpcf7-validation-errors:before {
	font-family: 'FontAwesome' !important;
	content: " " !important;
	font-weight: 400 !important;
	line-height: 10px !important;
	font-size: 10px !important;
	font-style: normal !important;
	padding-right: 8px;
}
.wpcf7-not-valid-tip,
.wpcf7-validation-errors {
	font-size: 10px !important;
	font-weight: 400 !important;
	color: #b81c23 !important;
	text-transform: uppercase !important;
	border: none !important;
 	background: transparent!important;
	text-align: center !important;
	padding: 1em !important;
}
.wpcf7-response-output {
	padding: 16px !important;
	text-align: center !important;
}
.wpcf7 input[type="file"] {
	border: none !important;
}
.wpcf7 .files {
	border: 1px solid #000;
}
.screen-reader-response {
	display: none;
}


/** ========================================================================== THICKBOX */

#TB_overlay {
	background-color: #1f1f1f !important;
	opacity: 1 !important;
}
#TB_window {
	box-shadow: none !important;
	background-color: #1f1f1f !important;
}
#TB_window a, #TB_window a:hover {
	text-decoration: none !important;
	border: none !important; 
}
#TB_Image {
	border: none !important; 
}
.screen-reader-text {
	visibility: hidden !important;
}
.tb-close-icon{
	display: none !important;
}
#TB_caption {
	font-family: 'Lato', sans-serif;
	font-size: 12px;
	line-height: 20px;	
	font-style: normal;
	font-weight: 400;
	text-transform: none;
	color: #fbfbfb;
	letter-spacing: 0.01em;
	padding-left: 14px !important;
}
#TB_load {
	position: fixed;
	display: none !important;
	visibility: hidden !important;
}
#TB_overlay {
	background-color: #fff !important;
	opacity: 1 !important;
}
#TB_window {
	box-shadow: none !important;
	background-color: #fff !important;
}
#TB_caption {
	color: #000;
}


/** ========================================================================== IMAGES */

img,
a img,
.alignleft a,
.alignright a,
.aligncenter a {
	border: none !important;
}
img,
p img {
	width: 100%;
}
.wp-block-image img,
.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; 
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; 
}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
	max-width: 100%;
	height: auto; 
}
.alignleft,
.alignright {
	width: 50% !important;
	height: auto;
	margin-top: 0;	
	margin-left: 0;	
	padding-top: 8px;
	box-sizing: border-box;
}
.alignleft {
	float: left;
	margin-right: 16px;	
}
.alignright {
	float: right;
	margin-left: 16px;	
}
.alignleft img,
.alignright img,
.aligncenter img {
	width: 100%;
}
.aligncenter {
	width: 75% !important;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
.alignnone {
	width: 100% !important;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
.wp-caption-text {
	font-family: 'Lato', sans-serif !important;
	font-size: 14px !important;
	line-height: 1.35em !important;
	border: none;
	text-align: center;
	margin-bottom: 0px;
} 
embed,
iframe,
object,
video {
	max-width: 100%;
}
iframe{
	width: 100%;
}


/** ========================================================================== COOKIE INFO */

#occ {
	position: fixed !important;
	bottom: 20px !important;
	right: 20px;
	width: 300px !important;
	height: auto !important;
	padding: 10px !important;
	background: rgba(225, 25, 60, 1) !important;
	text-align: left !important;
	font-family: 'Lato', sans-serif !important;
	font-size: 12px !important;
	line-height: 16px !important;
	color: #fff !important;
	text-transform: none !important;
	z-index: 999 !important;
	box-sizing: border-box !important;
}
#occ_inner .col { 
	float: none;
	padding: 10px;
}
#occ a {
	color: #fff;
	text-decoration: underline;
}
#occ a:hover {
	color: #000;
}
.cc-compliance a {
	font-family: 'Lato', sans-serif;
	font-style: normal !important;
	color: #fff !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	text-align: center !important;
	text-indent: 0 !important;
	text-decoration: none !important;
	border: 1px solid #fff !important;
	width: 100%;
	display: inline-block !important;
	line-height: 1.5em !important;
	padding: 0.5em 1em 0.5em 1em !important;
	box-sizing: border-box;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
}
.cc-compliance a:hover {
	color: #C90130 !important;
	border: 1px solid #C90130 !important;
	cursor: pointer !important;
	background: #fff;
}
.cc-invisible {
	display: none !important;
}


/* ========================================================================== RESPONSIVE */

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

	#fixhead .wrapper {
		width: 95%;
		margin: 0 auto;
	}
	#logo {
		width: 22%;
	}
	

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

    .c1,
	.c2 { width: 25% }
	.c3 { width: 33.3334% }
	.c4,
	.c5 { width: 50% }
	.c6,
	.c7,
	.c8,
	.c9,
	.c10,
	.c11 { 
		width: 90%;
		margin: 0 auto ;
		float: none;
	}
	.grid .c3 { width: 30.55555% }
	.grid .c4 { width: 47.9% }
	.col.left,
	.col.right {
		float: none;
	}
    .col.left,
    .col.right {
        width: 100% !important;
        padding: 0;
    }
    
	.col.left.grid .c6 {
		width: 47.91667%;
	}
	.top {
		padding-top: 100px;
	}
	#logo {
		width: 25%;
	}
	#logosmall {
		width: 25%;
	}
	
	
	#fixhead .col.left {
		float: left;
		display: block;
		width: 80%;
		padding-left: 30px;
	}
	#fixhead .col.right {
		float: none; 
		display: none;
	}
	
	
}

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

    #occ {
        width: 90% !important;
        margin: 0 auto;
        right: 0;
        left: 0;   
    }
    
    h2 {
        width: 100%;
    }
    
	#main_inner,
    #branding {
		width: 90%;
		margin: 0 auto;
	}
	section.top {
		padding-top: 100px;	
	} 
	.wrapper.grid {
		padding-left: 0;
		padding-right: 0;
	}
	section,
	.c1,
	.c2,
	.c3,
	.c4,
	.c5,
	.c6,
	.c7,
	.c8,
	.c9,
	.c10,
	.c11,
	.c12 { 
		width: 100%;
		margin: 0 auto;
	}
	.grid .c3,
	.grid .c4,
	.grid .c6,
	.col.left.grid .c6 { 
		width: 100%;
	}
	#logo {
		width: 200px;
		left: 3%;
	}
	#logosmall {
		width: 30%;
	}
	#content_left,
	#sidebar {
		width: 100%;
	}
	#main_inner {
		padding: 0;
	}	
	
	.aligncenter {
		width: 50%;
	}
    #hflink {
        padding-right: 2em;
    }
    #hflink:hover {
        
        margin-left: 0;
    }
    
	footer {
		height: auto;
		margin-top: 0;
	}
	
	
	#footer_inner {	
        padding-bottom: 100px;
	}
    #footer_info p {
        
        text-align: center;
    }
    #footer_logo {
        float: none;
        margin: 0 auto;
    
    }
	#footer-navigation li {
		width: 100%;
		text-align: center;
        padding-left: 0;
        padding-right: 0;
	}

}

@media only screen and (max-width: 760px) and (orientation:landscape) { 

	.grid .c3,
	.grid .c4,
	.grid .c6,
	.col.left.grid .c6 { 
		width: 47.91667%;
	}
 
}