/*
Theme Name: Internal Intent UK
Theme URI: http://www.amstein.at
Description: Main Theme for internalintentuk.com
Version: 1.1
Author: Bernhard Stranz
Author URI: http://www.amstein.at
*/

@charset "UTF-8";

/* ====================================================================== */
/* IMPORT RELEVANTE STYLESHEETS */
/* ====================================================================== */
 @import url("css/uni-form.css");
 @import url("css/font-awesome.min.css");
/* ====================================================================== */
/* COLORS
/* ====================================================================== */
/*


*/

/* ====================================================================== */
/* RESETS */
/* ====================================================================== */

/*
Copyright (c) 2011, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.9.0
*/
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}:focus{outline:0}
/* ====================================================================== */
/* STYLES */
/* ====================================================================== */
html {
	min-height: 100%;
 }
body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	margin: 0; 
	font-weight:normal;
	color:#333;
	line-height:140%;
	text-align:justify;
}
a {
  color: #000;
  text-decoration: underline;
}
a:hover {
	transition: color .25s ease-in-out;
	-moz-transition: color .25s ease-in-out;
	-webkit-transition: color .25s ease-in-out;
}
a[href^="http://"]:after {
	content: "\f08e";
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	text-decoration: none;
	padding-left: 3px;
	font-size:10px;
}
a[href^="http://internalintentuk.com"]:after, a[href^="http://www.internalintentuk.com"]:after, a.no_icon:after {
	content:"" !important;
	padding-left: 0;
}
::selection {
	background: #9c0e12; /* Safari */
	color:#fff;
}
::-moz-selection {
 background: #9c0e12; /* Firefox */
 color:#fff;
}
/* ====================================================================== */
/* PAGE */
/* ====================================================================== */

#wrap {
	background-color:#fff;
    width: 600px;
	margin:0 auto;
}
header {
	position:relative;
	width:628px;
}
#header-logo {
	background:transparent url("img/bg_header_logo.png") no-repeat scroll 0 0;
	display: block;
	width: 120px;
	height: 207px;
	text-indent: -9999px;
	margin:40px auto 40px auto;
}

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

footer {
  width: 600px;
  margin: 0 auto 0;
  padding: 0 0 35px 0;
  border-top: 4px double #a0a2a5;
  color: #000;
  text-align: left;
  font-size:11px;
}
.footer-content {
  width: 600px;
  margin: 10px auto 0;
  clear: left;
}

/* ====================================================================== */
/* HAUPTNAVIGATION */
/* ====================================================================== */

nav#main {
  margin-top: 10px;
  padding: 5px 0 5px 0;
  border-top: 1px solid #939598;
  border-bottom: 1px solid #939598;
}
nav#main ul {
  margin: 0 auto;
  text-align: center;
}
nav#main ul li {
  display: inline;
  margin-right: 20px;
  font-size: 1.5em;
  text-transform: uppercase;
}

nav#main ul li:last-child {
	margin-right:0;
}

nav#main ul li a {
	color:#939598;
	text-decoration:none;	
	letter-spacing:0.5px;
	font-size:16px;
}


nav#main ul li:hover > a, nav#main ul li a:hover, nav#main ul li.current-menu-item a, nav#main ul li.current-menu-parent a, nav#main ul li.current-post-parent a, .home nav#main ul li#menu-item-16 a  {
	color:#000;
	text-decoration:none;
}


/* ====================================================================== */
/* ARTICLE */
/* ====================================================================== */

section {
	display:table-row;
}
article, aside {
	display:table-cell !important;
	float:none !important;
	vertical-align:top;
}
article {
	width:600px;
}
article.full {
	width:100%;
	float:none;
	margin:0;
	padding:0;
}
article h1:first-child {
	margin:0 0 10px 0;
}
article p {
	margin: 10px 0 10px 0;
}

article p:first-child {
	margin:0 0 5px 0;
}
article ul, aside ul {
	margin:10px 0;
}
article ul li, aside ul li {
	margin: 0 0 0 15px;
	list-style-type:disc;
	text-align:left;
}
/*
article ul li:before, aside ul li:before {    
	font-family: 'FontAwesome';
	content: '\f0da';
	margin:0 5px 0 -15px;
	color: #58869A;
	vertical-align: middle;
}
*/

article ul.links li {
	list-style-type:none;
	margin:0;
	padding:2px;
}

article ol, aside ol {margin:10px 0;}
article ol li, aside ol li {list-style-type:decimal;margin:0 0 0 20px;}

article strong, strong {
	font-weight:bold;
}
.article-content {
	padding:40px 0 40px 0;
}

body.page .article-content p:first-of-type{
}


.entry {
    border-bottom: 1px solid #939598;
    padding-bottom: 40px;
	margin-bottom:40px;
}

.pageend {
	display:block;
	padding-top:40px;	
}

body.single article p:first-of-type,
body.home .entry p, 
body.archive .entry p {
	padding-top:20px;	
}

.entry:last-of-type {
	border-bottom:0;
	margin-bottom:0;
	padding-bottom:0;

}
h1, h2, h3, h4, h1 a, h2 a, h3 a, h4 a {
	color:#a23346;
	font-weight:normal;
	letter-spacing:0.02em;
	text-align:center;
	text-decoration:none;
}
h1, h2 {
	margin:30px 0 30px 0;
	font-size:22px;
	line-height:22px;
	text-transform:uppercase;
}

.gce-list h2 {
	margin:20px 0 20px 0;
	font-size:18px;
	line-height:18px;
	text-transform:uppercase;
}

.gce-list-event, .gce-tooltip-event {background:none !important;}
.gce-month-title, .gce-list-title {display:none;}


h3 {
	margin:0 0 30px 0;
	font-size:14px;
	line-height:18px;
	font-style:italic;
	font-weight:bold;
	color:#333;
	
}

h3 span {
	font-weight:normal;
	display:block;	
}

h4 {
	
}

h4.trigger {
	cursor:pointer;	
}
/* ====================================================================== */
/* EVENTS */
/* ====================================================================== */

ul.gce-list li:before {content:"";margin:0;}
ul.gce-list li {border-bottom:1px solid #939598; margin: 0 0 50px !important; padding: 0 0 25px;}
ul.gce-list li:last-child {border-bottom:0;}
ul.gce-list li:last-child, ul.gce-list li:last-child ul li {margin-bottom:0 !important;padding-bottom: 0 !important; border-bottom:0;} 

.event-desc {padding-bottom:20px;text-align: justify;}
.event-location {text-align:center;}


/* ====================================================================== */
/* GALLERY */
/* ====================================================================== */

.ngg-gallery-thumbnail img {
	padding:0 !important;
	border:0 !important;	
	float:none;
	text-align:inherit;
	background:none;
	position:inherit;
}

.ngg-gallery-thumbnail-box {
	height:100px;	
}


/* ====================================================================== */
/* SONSTIGES */
/* ====================================================================== */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
.lft {
	float:left;
}
.rgt {
	float:right;
}
.txtlft {
	text-align:left;
}
.txtrgt {
	text-align:right;
}
hr {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: -moz-use-text-color -moz-use-text-color #939598;
	border-image: none;
	border-style: none none solid;
	border-width: 0 0 1px;
	margin: 10px 0 20px;
}

blockquote {
	margin:0 0 0 30px;
}

blockquote p {
	margin:0 0 0 30px;
	padding:20px 0;
	font-style:italic;
}

blockquote p span {
	text-transform:uppercase;
	font-style:normal;
	font-size:12px;
	display:block;
	padding: 5px 0 0 0;	
	border-top:1px dotted #ccc;
	letter-spacing:1px;
}

blockquote p:before {
	font-family: 'FontAwesome';
	content: '\f10d';
	margin:0 10px 0 -30px;
	color: #58869A;
	vertical-align: middle;
	font-style:normal;
	font-size:20px;
}

#map_canvas {width:600px;height:400px;}

/* ====================================================================== */
/* WORDPRESS */
/* ====================================================================== */

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}

.wp-caption.alignright {padding: 0 0 20px 20px;}


/* ====================================================================== */
/* FORMS */
/* ====================================================================== */

#newsletter {
	float:right;
}
#newsletter input[type="text"] {
	background-color:#fff;
	color:#A0A2A5;
	border:1px solid #A0A2A5;
    border-radius: 0;
	padding:5px;
	margin:0;
	line-height:normal !important;
	-webkit-appearance: none;
	width:120px;
}
#newsletter label {
	display:none;
}
#newsletter input:focus {
	background-color:#ccc;
	transition: background .25s ease-in-out;
	-moz-transition: background .25s ease-in-out;
	-webkit-transition: background .25s ease-in-out;
}
#newsletter button {
	background-color:#A0A2A5;
	color:#fff;
	margin-left:-4px;
	border:1px solid #A0A2A5;
    border-radius: 0;
	padding:4px 8px 4px 8px;
	line-height:normal !important;
	text-transform:uppercase;
	cursor:pointer;
	-webkit-appearance: none;
	}

#newsletter button:hover {
	color:#000;
}

#response {
	clear:both;
	display:block;
	float:right;
	text-align:right;
	font-size:11px;	
	color:#939598;
}

::-webkit-input-placeholder {
 color: #6e6e6e;
}
.uniForm label,
.wpcf7-form label {
	display:none !important;
}
.wpcf7-form span.vorname input, .wpcf7-form span.nachname input, .wpcf7-form .plz input, .wpcf7-form .ort input, .wpcf7-form .strasse_nr input, .wpcf7-form .nachricht textarea,
.uniForm input#vorname, .uniForm input#nachname, .uniForm input#plz, .uniForm input#ort, .uniForm input#strasse_nr {
	width:95%;
	float:left;
}

.wpcf7-form span.anrede select {width:15%;}
.wpcf7-form span.firma input {width:78%;}
.wpcf7-form span.vorname input, .wpcf7-form span.telefon input {width:43%;}
.wpcf7-form span.nachname input, .wpcf7-form span.email input {width:45%;}
.wpcf7-form span.plz input, .wpcf7-form span.strasse_nr input {width:7%;}
.wpcf7-form span.ort input, .wpcf7-form span.strasse input {width:81%;}
.wpcf7-form span.vorname input {width:43%;}
.wpcf7-form span.captcha-690 input {width:15%;}
.wpcf7-form img.wpcf7-form-control {margin:5px 10px 0 10px;}

.wpcf7-form span.firma input,
.wpcf7-form span.nachname input,
.wpcf7-form span.ort input,
.wpcf7-form span.strasse_nr input,
.wpcf7-form span.email input { 
	float:right;
}

.wpcf7-form .strasse input,
.uniForm input#strasse {
	width:95%;
	margin-right:0;
}

.wpcf7-not-valid {
	border:1px solid red !important;	
}

.wpcf7-validation-errors {
 	border:0 !important;
	color:#a23346;	
	padding:0 !important;
}

.wpcf7-not-valid-tip {display:none !important;}

.wpcf7-form select.error,
.uniForm select.error {
	border:1px solid #9C0E12;
}
.wpcf7-form .textInput,
.uniForm .textInput {
	border: 1px solid #999999;
	padding:8px 12px;
	color:#404040;
	width: 274px;
}
.wpcf7-form .error,
.uniForm .error {
	background:none;
	border: 1px solid #ff0000;
}
.wpcf7-form .ctrlHolder .textInput:focus,
.uniForm .ctrlHolder .textInput:focus {
	outline: none;
	border: 1px solid #333333;
	transition: border .25s ease-in-out;
	-moz-transition: border .25s ease-in-out;
	-webkit-transition: border .25s ease-in-out;
/* Get rid of the 'glow' effect in WebKit */ }
.wpcf7-form label em, .wpcf7-form .label em, .wpcf7-form .blockLabels label em, .wpcf7-form .blockLabels .label em,
.uniForm label em, .uniForm .label em, .uniForm .blockLabels label em, .uniForm .blockLabels .label em {
	left: -15px;
}
.button-small {
	color: #fff;
	word-spacing: 0.25em;
	text-transform: uppercase;
	font-weight:bold;
    border-radius: 0;
	line-height: 22px;
	padding: 6px 12px 5px;
	text-align: center;
	display: inline-block;
	margin-top: 5px;
	margin-bottom: 18px;
	text-decoration: none;
	cursor:pointer;
	background:#000;
	font-size: 14px;
	text-shadow: none;
	-webkit-appearance: none;
	border:2px solid #000;
}
.button-small:visited {
}
.button-small:active {
}
.button-small:hover {
	text-decoration: none;
	border:2px solid #000;
	background-color:#fff;
	color:#000;
	font-weight:bold;
	transition: background .25s ease-in-out;
	-moz-transition: background .25s ease-in-out;
	-webkit-transition: background .25s ease-in-out;
}
.wpcf7-form select,
.uniForm select {
	background-color: #FFFFFF;
	border: 1px solid #999;
	height: 34px;
	line-height: 30px;
	display: inline-block;
	line-height: 20px;
	padding: 8px 6px !important;
	vertical-align: middle;
	color:#999;
}
.wpcf7-form select option,
.uniForm select option {
	color:#666
}

.wpcf7-form select option:first-child,
.uniForm select option:first-child {
	color:#999 !important;
}

ul.media, ul.media li {
    list-style-image: none;
    list-style-type: none !important;
    margin: 0;
    padding-bottom: 10px;
    padding-left: 0 !important;
    padding-right: 0;
    padding-top: 0;
}
ul.media li a {
    display: block;
    text-decoration: none;
}
ul.media li a span {
    color: #A09FA0;
    display: block;
    font-size: 11px;
    margin: 0;
    text-decoration: none;
}
ul.media li a span p {
    margin: 0;
}
ul.media li a span.filesize {
    color: #A09FA0;
    display: inline;
    margin: 0 0 0 20px;
    text-decoration: none;
}
ul.media li a[href$=".doc"], a[href$=".rtf"], a[href$=".docx"] {
    background: url("img/icons/icon_doc.gif") no-repeat scroll left 0px rgba(0, 0, 0, 0);
    padding: 0 0 0 20px;
}
ul.media li a[href$=".pps"], ul.media li a[href$=".ppt"], a[href$=".ppt"] {
    background: url("img/icons/icon_pps.gif") no-repeat scroll left 0px rgba(0, 0, 0, 0);
    padding: 0 0 0 20px;
}
ul.media li a[href$=".xls"], a[href$=".ppt"] {
    background: url("img/icons/icon_xls.gif") no-repeat scroll left 0px rgba(0, 0, 0, 0);
    padding: 0 0 0 20px;
}
ul.media li a[href$=".pdf"], ul.media li a[href$=".PDF"], a[href$=".pdf"], a[href$=".PDF"] {
    background: url("img/icons/icon_pdf.gif") no-repeat scroll left 0px rgba(0, 0, 0, 0);
    padding: 0 0 0 20px;
}
ul.media li a[href$=".tif"], ul.media li a[href$=".TIF"], ul.media li a[href$=".eps"], ul.media li a[href$=".EPS"], ul.media li a[href$=".jpg"], ul.media li a[href$=".JPG"] {
    background: url("img/icons/icon_pic.gif") no-repeat scroll left 0px rgba(0, 0, 0, 0);
    padding: 0 0 0 20px;
}

/* ====================================================================== */
/* CLASS ARCHIVE LOOP */
/* ====================================================================== */
.class-archive-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 28px 24px;
	margin: 24px 0 16px;
	align-items: start;
}
.class-archive-item {
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.class-archive-title {
	font-size: 16px;
	line-height: 1.3;
	margin: 0;
	font-weight: bold;
	text-align: center;
}
.class-archive-embed {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	background: #000;
	overflow: hidden;
	line-height: 0;
}
.class-archive-embed iframe,
.class-archive-embed .wp-block-embed,
.class-archive-embed .wp-block-embed__wrapper,
.class-archive-embed > div,
.class-archive-embed > span {
	position: absolute !important;
	inset: 0;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}
.class-archive-embed iframe {
	border: 0;
	display: block;
}
/* Neutralize WordPress responsive-embed padding hacks inside our 16:9 box */
.class-archive-embed .wp-block-embed__wrapper::before,
.class-archive-embed [class*="embed"]::before {
	content: none !important;
	display: none !important;
	padding: 0 !important;
}

/* ====================================================================== */
/* MOBILE VERSION */
/* ====================================================================== */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

/* 
@media only screen and (max-width: 568px) { 
*/

html, body {-webkit-text-size-adjust:100%;margin:0; }
body {font-size:110%;margin-bottom:0;text-align:left;}
#wrap, header, .header-image, article, aside, aside img, footer {width:100%;}
section, article, aside {display:block !important;padding:0;}

header {height:auto;}
#header-logo {margin:20px auto 20px auto;float:none;}
    /* CSS for high-resolution devices */
    @media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
    only screen and (-moz-min-device-pixel-ratio: 1.5),
    only screen and (-o-min-device-pixel-ratio: 3/2),
    only screen and (min-device-pixel-ratio: 1.5) {
	    #header-logo {
            background-image: url("img/bg_header_logo-2x.png");
            background-size: 200px 345px;
            background-repeat: no-repeat;
            width:200px;
            height:345px;
        }
    }


.header-image {float:none;margin:0;height:auto;}
#bg-header-galerie {display:none;}
.uniForm .blockLabels .ctrlHolder {padding:0;}
.uniForm .textInput, .uniForm select {width:95% !important;float:none !important;margin:10px 0;}

.article-content, .aside-content {padding:40px 20px;}
.article-content img {width:100%;height:auto;}

.event-desc {text-align: left;}
#map_canvas {display:none;}
#map_mobile {display:inline-block;} 
#map_mobile, #map_mobile img {width:100%;}
#map_mobile a:after {content:"";}


nav#main {margin:0;position:inherit;right:0;top:0;padding:0;}
nav#main ul li {display:block;text-align:center;margin-right:0;border-bottom:1px solid #939598;}
nav#main ul li:last-child {border-bottom:0;}
nav#main ul li a {display:block;padding:10px 0;font-size:22px;}




#menu-responsive {
    background:#EC6707;
    color: #FFF;
    cursor: pointer;
    display: block;
    height: 50px;
    width: 100%;
	border-bottom:2px solid #fff;
}
    
    #menu-responsive a {
	font-family: "DaxWeb-Bold", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    color:#fff;
    text-decoration:none;
    padding: 15px 0 0 0;
    display:block;
    height:50px;
	text-align:center;
	font-weight:bold;
	font-size:24px;
	text-transform:uppercase;
    }

	#menu-responsive a:before {
	font-family: 'FontAwesome';
	content: '\f0c9';
	margin:0 5px 0 -15px;
	vertical-align: top;	
	font-size:22px;
	}


footer {position:inherit; height:auto;padding-top:40px;}
.footer-content {padding-right:0;width:auto;text-align:center;}
.footer-content h3 {font-size:20px;line-height:24px;}
.footer-content div, .footer-content ul {float:none !important;}
.footer-content .lft {float:none;}
.footer-content {height:auto;}


#newsletter {float:none;display:block;padding-top:20px;}

.class-archive-grid {
	grid-template-columns: 1fr;
	gap: 20px;
}

}