/*
Theme Name: Sydney Child
Theme URI: http://athemes.com/theme/sydney
Author: aThemes
Author URI: http://athemes.com
Template: sydney
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sydney
*/

/* Basic */

html {
  -webkit-font-smoothing: antialiased;
} body.custom-background {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}

a, .site-footer a {
  color: #C0C2C2;
  cursor: pointer;
}

a:hover, a:focus, .site-footer a:hover {
  color: #D4D8D9;
}

img, .header-image {
  -webkit-transform: translateZ(0) scale(1.0, 1.0); /* Flickering-Fix in Safari */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

::-moz-selection {
  color: #fff;
  background: #D4D8D9;
} ::selection {
  color: #fff;
  background: #D4D8D9;
}

/* Cookie */

	#cookie-notice.cookie-notice-visible {
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	} #cookie-notice.cookie-notice-visible .cookie-notice-container {
		max-width: 500px;
		background-color: #fff;
		border-radius: 5px;
	}

	.cn-button {
		color: #000 !important;
		padding: .5em 1em;
		background: transparent !important;
	} #cn-accept-cookie {
		color: #fff !important;
		background: linear-gradient(to bottom,#00c307,#039103) #039103 !important;
	}

/* Nav */

.site-logo { /* Logo */
  max-height: 100%;
} .site-header.float-header .site-logo {
  max-height: 75px;
}

#mainnav.mainnav { /* Margin-Fix  */
  margin-top: 20px;
}

#mainnav ul li { /* Hover-Fix */
  padding: 0;
	font-size: 18px;
}

#mainnav ul li a { /* Hover-Fix and Color of Mainnav */
  padding: 6px 14px 8px;
} #mainnav ul li a:hover, .site-header.float-header #mainnav ul li a:hover {
  color: #C0C2C2;
}

#mainnav ul li:last-of-type a { /* Kontakt: Call to Action */
  border: 1px solid #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;

  margin-left: 14px; /* Fix für vorletzten Menü-Punkt */
} #mainnav ul li:last-of-type a:hover, .site-header.float-header #mainnav ul li:last-of-type a:hover {
  color: #C0C2C2;
  border-color: #C0C2C2;
}

/* Sub-Menu */

#mainnav ul ul a, #mainnav-mobi ul li a {
  font-family: 'Merriweather Sans', sans-serif !important;
}

#mainnav .sub-menu li a, #mainnav ul li ul li:last-of-type a, #mainnav ul li ul li:last-of-type a:hover, .site-header.float-header #mainnav ul.sub-menu li a, .site-header.float-header #mainnav ul.sub-menu li a:hover, .site-header.float-header #mainnav ul.sub-menu li:last-of-type a {
  font-size: 15px;
  line-height: 1.75em;
  border-top: 1px solid #444;

  color: #fff; /* Sub-Menu Fix */
  border-left: none;
  border-right: none;
  border-bottom: none;
  margin: 0;
}

#mainnav ul li ul, #mainnav ul ul a { /* Sub-Menu breiter */
  width: 210px;
}

/* Nav fixed */

.site-header.float-header { /* Background */
  padding: 0;
  background-color: rgba(255,255,255,.95) !important;
  
  -webkit-backdrop-filter: blur(8px);
  -moz-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);

  -webkit-box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.25);
} .site-header.float-header #mainnav ul li a {
  color: #879090;
} .site-header.float-header #mainnav ul li:last-of-type a {
  border-color: #879090;
}

/* Mobile Nav */

.mainnav.toggled, #mainnav-mobi {
	right: 10px;
	min-width: 250px;
}

/* Header */

#slideshow.header-slider { /* Slider Startseite */
  height: 500px !important;
} #slideshow .slide-item:before {
	content: '';
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	background-color: #2A302A;
	opacity: .65;
} .slide-inner {
	top: 65% !important;
} .text-slider-section {
  top: 380px;
} .text-slider .subtitle {
  padding: 20px 0;
} .text-slider .roll-button {
  display: none;
} .roll-button {
	border-radius: 3px !important;
	font-family: 'Merriweather Sans', sans-serif;
}

.page-id-87 .header-image { /* Background Freie Journalistin */
  background-image: url('/wp-content/uploads/2016/04/freie-journalistin-friederike-zimmermann-freiburg.jpg');
} .page-id-43 .header-image { /* Background Kunstvermittlung */
  background-image: url('/wp-content/uploads/2016/03/kunstvermittlung-freiburg-friederike-zimmermann.jpg');
} .page-id-39 .header-image { /* Background Kreative Texte */
  background-image: url('/wp-content/uploads/2016/03/kreative-texte-freiburg-friederike-zimmermann.jpg');
} .page-id-41 .header-image { /* Background PR */
  background-image: url('/wp-content/uploads/2016/03/presse-oeffentlichkeitsarbeit-freiburg-bildene-kunst-musik-literatur-tanz-theater-film.jpg');
} .page-id-106 .header-image, .parent-pageid-106 .header-image { /* Background Mehr / Sonstiges */
  background-image: url('/wp-content/uploads/2016/06/lektorat-kuratorin-freiburg-frizi.jpg');
}

/* Page */

.page-wrap { /* Abstand oben und unten des Content-Bereichs anpassen */
  padding: 83px 0 0 !important;
}

.page-wrap .container { /* Page auf 100% */
  width: 100%;
}

.page-wrap .container .row { /* Content-Bereich mittig */
  width: 90%;
  margin: 0 auto;
  max-width: 1250px;
}

.page-wrap .content-wrapper { /* Leicht transparenter Hintergrund */
  background: rgba(255,255,255,0.9);
  margin-top: -83px; /* Header-Fix */
}

.col-md-9 { /* Content-Bereich auf 100% (keine Sidebar) */
  float: none;
  width: 100%;
}

.panel-row-style { /* Abstand Padding-Fix auf allen Seiten */
  padding: 5% 0 !important;
  clear: both;
} .panel-row-style-subhead { /* Abstand Padding-Fix für Standort-Subhead */
  padding: 0 0 5% !important;
}

.hentry h1.title-post, h2 { /* H1 und H2 */
  color: #C0C2C2;
  font-size: 3em;
  margin-top: 7.5%;
  position: relative;
  text-align: center;
  padding-bottom: 30px;
  
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
} h2 {
  font-size: 2.25em;
  margin-top: 60px;
} .hentry h1.title-post:after, h2:after { /* Strich unter H1 und H2 */
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 50px;
  height: 1px;
  margin-left: -25px;
  background-color: #443f3f;
} .page-id-2 .hentry h1.title-post {
  margin-top: 15%;
}

.panel-grid-cell .widget-title { /* H3 */
  font-weight: 400;
  margin-top: 10%;
} .panel-row-style-subhead h3 { /* H3 Subhead */
  text-align: center;
  font-weight: 400;
  margin: 0;
} .panel-row-style-subhead h3 a {
  color: #443f3f;
} .panel-row-style-subhead h3 a:hover {
  color: #C0C2C2;
}

h4 { /* H4 */
  margin: 50px 0 15px;
}

.page-wrap p { /* Paragraph */
  text-align: justify;
  line-height: 1.75em;
} .page-wrap p a, .page-wrap ul li a {
  color: #347280;
  text-decoration: underline;
} .page-wrap p a:hover, .page-wrap ul li a:hover {
  color: #555;
} p.bedingungen { /* Bedingungen */
  font-size: 11px;
  font-style: italic;
}

.widget ul { /* Quadrate als Aufzählungszeichen */
  list-style: square;
  padding: 0 40px;
  line-height: 1.75em;;
}

.hentry blockquote { /* Zitat und Testimonial */
  background: transparent url(/wp-content/uploads/2016/03/zitat-philosophie-friederike-zimmermann-icon.png) left top no-repeat;
  background-size: 100px 100px;
  margin-top: 5px;
  border: none;
  
  color: #347280;
  font-size: 22px;
} .hentry blockquote p {
  text-align: left;
} .hentry .tslider blockquote {
  font-size: 18px;
  background: transparent;
} .hentry .tslider blockquote p {
  font-size: 1em;
} .hentry .tslider blockquote p:before, .hentry .tslider blockquote p:after {
  content: '';
} .bx-wrapper .bx-pager.bx-default-pager a {
  background: #ccc !important;
} .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #a6d10b !important;
}

div#wpgmza_map { /* Google Maps Fenster */
  height: 480px !important;
  margin: 5% 0;
}

/* Suche */

.search article { /* Suchergebnis-Seite */
  margin-bottom: 25px;
  padding: 2.5% 5%;
  
  border: 1px solid #252525;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
} .search article.hentry .title-post { /* H2 */
  font-size: 35px;
} .content-area .hentry:after { /* Border-Fix */
  height: 0;
}

/* Formulare */

label, input { /* Formular-Felder */
  width: 100%;
  display: block;
} label {
  margin-top: 20px;
} input:focus, textarea:focus { /* Kein Outline bei :focus */
  outline: none;
} textarea:focus { /* Text-Area größer wenn :focus */
  height: 450px;
} select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
  -webkit-transition: background-color 0.3s ease-in-out;
  -moz-transition: background-color 0.3s ease-in-out;
  -ms-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}

input[type="submit"] { /* Submit-Feld rechts */
  float: right;
  width: auto;
  clear: both;
}

input:valid { /* Input Validation */
  background: rgba(166, 209, 11, .1) url(/wp-content/kontakt/img/checkmark.svg) no-repeat 99% 10px; 
  background-size: 28px 28px;
} input.search-field:valid {
  background-color: #fafafa;
  background-image: none;
} input[type="submit"] {
  background-color: #C0C2C2;
  background-size: 18px 18px;
  background-position: 10px 15px;
}

/* Rückrufservice */

.input-column {
  width: 30%;
  float: left;
} .input-column#service {
  width: 70%;
  margin-bottom: 10px;
}

input[type="checkbox"] {
  visibility: hidden;
}

.ckb {
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
} .ckb > input { /* Hide default Checkbox */
  visibility: hidden;
  position: absolute;
}

.ckb > i {
  display: inline-block;
  vertical-align: middle;
  width: 100px;
  height: 50px;
  display: block;
  margin-top: 5px;
  border: 1px solid #dbdbdb;
  background: #fafafa;
} .ckb > input + i:after {
  content: '';
  display: block;
  height: 40px;
  width: 40px;
  margin: 4px;
  background-color: #dadada;
  
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  transition: all .2s ease;
} .ckb > input:checked + i:after {
  margin-left: 54px;
  background-color: #a6d10b;
}

#spinner {
  display: none;
  margin-top: 65px;
}

#spinner > div {
  width: 18px;
  height: 18px;
  background-color: #767676;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

#spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

#spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

/* Fixed Go-Buttons */

.go-top {
  border: 1px solid #C0C2C2;
} .go-kontakt {
  position: fixed !important;
  right: 65px;
  bottom: 10px;
  display: block;
  font-size: 12px;
  font-weight: 700;
  line-height: 44px;
  text-align: center;
  text-transform: uppercase;
  font-family: 'Merriweather Sans', sans-serif;
  
  width: 100px;
  height: 46px;
  z-index: 9999;
  cursor: pointer;
  border-radius: 2px;
 
  color: #fff;
  background: #D4D8D9;
  border: 1px solid #D4D8D9;
  
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
} .go-kontakt:hover {
  background-color: #fff;
  color: #D4D8D9;
} .page-id-15 .go-kontakt {
  display: none;
}

/* Footer */

#sidebar-footer {
  font-family: 'Merriweather Sans', sans-serif;
}

.widget.sydney_action_widget, .roll-promobox { /* Action-Button "Kontakt" Abstands-Fix */
  padding-top: 0;
} aside#text-9.widget.widget_text {
  margin: 0;
}

.sidebar-column .widget .widget-title {
	font-size: 18px !important;
	line-height: normal;
	color: #c5c5c5;
	padding-bottom: 24px;
	margin: 0;
}

#sidebar-footer.footer-widgets p a:before, #sidebar-footer.footer-widgets ul#menu-hauptmenue-1 li a:before {
  content: '› ';
  color: #C0C2C2;
  margin-right: 10px;
  font-family: Arial, sans-serif;
}

.social-menu-widget { /* Social Menu Fixes */
  margin: 0;
  display: block;
  text-align: left;
}

#sidebar-footer.footer-widgets p a:hover, div#sidebar-footer.footer-widgets li a:hover, #sidebar-footer.footer-widgets p a:hover, #sidebar-footer.footer-widgets .contact-email a:hover { /* Farbe der Links */
  color: #C0C2C2;
}

#sidebar-footer.footer-widgets .widget ul {
	margin: 0;
	padding: 0;
	list-style: none;
} #sidebar-footer.footer-widgets .widget ul.sub-menu { /* Sub-Menüs ausblenden */
  display: none;
}

/* Total Footer */

.site-info.container { /* Einzeiliger Footer ganz unten */
  font-family: 'Merriweather Sans', sans-serif;
  text-align: center;
  font-size: 12px;
} .site-info.container span.red-heart {
  color: #D65050;
}

.site-info.container .zitat-kunst-kommunikation { /* Zitat */
  font-size: 25px;
  padding: 35px 0;
  display: block
}

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

  .site-logo { /* Logo */
    max-height: 150px !important;
  }
}

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

  .site-footer { /* Total Footer Padding-Fix for Go-Buttons */
    padding-bottom: 55px;
  }
}

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

  .site-header .col-md-4 {
    padding: 0;
  }
  
  .btn-menu { /* Menu-Icon Farbe */
    color: #879090;
  } .btn-menu:hover, .btn-menu.active {
    color: #C0C2C2;
  } .header-wrap .col-md-8 { /* mittig */
    padding: 25px;
  }
}

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

  .footer-widgets { /* Footer Padding-Fix wenn .widgets { float: none; width: 100%; } */
    padding-bottom: 0;
  } .col-md-4 {
    padding-top: 25px; /* Footer Column Padding-Top-Fix */
  }
}

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

  .hentry h1.title-post { /* H1 und H2 */
    font-size: 2.5em;
  } h2 {
    font-size: 2em;
  }
  
  .page-wrap .container .row { /* Content-Bereich auf 100% */
    width: 100%;
  }
  
  .panel-row-style { /* Abstand Padding-Fix auf allen Seiten */
    padding: 10% 0 !important;
  }
  
  .go-top.show, .go-kontakt { /* Go-Buttons bottom und right verkleinern */
    right: 5px;
  } .go-kontakt {
    right: 50px;
  }
  
  .col-md-9, .panel-grid-cell { /* Padding-Fix der Footer-Widgets */
    padding: 0 !important;
  }
  
  .footer-widgets { /* Footer Padding-Fixes */
    padding: 10px 0px 35px;
  } .footer-widgets .widget {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 768px) {
  
  .site-header.float-header { /* Höhe der Menu-Zeile */
    padding: 0;
  }

  #slideshow.header-slider { /* Slider Startseite */
    height: 300px !important;
  }
  
  .col-sm-8 { /* Logo */
    width: 66.6667%;
  } .col-sm-4 { /* Menu-Icon */
    width: 33.3333%;
  } .btn-menu { /* Menu-Icon mittig und Farbe */
    margin: 0 auto;
  }
  
  .text-slider-section {
    top: 300px;
  }
  
  .hentry blockquote { /* Zitate */
    padding: 30px 10px;
    font-size: 20px;
  }
  
  .input-column, .input-column#service {
  	width: 100%;
    float: none;
  }
}