/*
Theme Name:Idyllic Child
Theme URI: https://themefreesia.com/themes/idyllic-child
Author: Tatjana Schuelmann
Author URI: https://www.redfrox.de
Description: Idyllic is the next generation and Ultra Responsive, Multipurpose, Corporated, Fully Optimized For Agency, Business, Corporate, CV, Personal, Portfolio, Fashion, Fitness, Financial, Ecommerce, Event, Services, SEO, Video and Blog or any other type of business WordPress theme, containing all the features you need to create a stunning website. The theme consists of well organized components so it’s easy to edit and customize everything to create a specific website for your needs. It is designed for Business but this is competent for every kind of site which is designed and developed by Theme Freesia. With a focus on business sites, it features multiple sections on the front page as well as widgets, multiple navigation and social menus, a logo, Color Options and more. This theme supports popular plugins like Breadcrumb NavXT, WP-PageNavi, Contact Form 7, Jetpack by WordPress.com, Polylang, bbPress, wooCommerce and many more. It is 100% translation ready and you can easily customize with lots of options using Customizer. It consists contact us template, gallery template,Corporate Template, widgets and Sidebar. Get free support at https://tickets.themefreesia.com/ and View demo site at https://themefreesia.com/demos/idyllic-demos/
Version: 1.1.4
Requires at least: 5.0
Requires PHP: 5.6
Tested up to: 5.4.1
Template: idyllic
Text Domain: idyllic-child
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html

Tags: threaded-comments, right-sidebar, four-columns, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, flexible-header, post-formats, footer-widgets, sticky-post, theme-options, translation-ready, e-commerce, education, portfolio

All files, unless otherwise stated, are released under the GNU General Public License
version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)
==================================================
*/

/*@font-face {
  font-family: "vibes";
  src: url(fonts/greatvibes-regular-webfont.eot);
  src: url(fonts/greatvibes-regular-webfont.eot#) format("eot"),
       url(fonts/greatvibes-regular-webfont.woff) format("woff"),
       url(fonts/greatvibes-regular-webfont.ttf) format("truetype"),
       url(fonts/greatvibes-regular-webfont.svg#webfont) format("svg");
}
*/

body, button, input, select, textarea, #site-description {
  color: #583E2A;
  font-family: "Lato", arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6em;
  word-wrap: break-word;
  text-transform: none;
}

h1, h2, h3, h4, h5, h6 {
  color: #583E2A;
  font-family: "Lato", arial, sans-serif;
}

#main p {
  padding: 0;
  margin: 0 20px 20px;
}

#main ul {
  list-style-type: none !important;
}

#content {
  padding: 0px 0 0;
}

.top-header {
  text-align: left !important;
}

#site-detail {
  display: block;
}

h1 #site-title, #site-title a, header-social-block {
  display: none !important;
}

#site-title {
  display: none !important;
}

.page-title {
  padding-top: 20px;
}

h2 {
  font-size: 18px !important;
  text-align: center;
  line-height: 1.269;
  padding: 30px 0;
}

.wp-block-buttons > .wp-block-button.has-custom-width .wp-block-button__link {
  width: 200px;
}

.wp-block-buttons > .wp-block-button.wp-block-button__width-25 {
  width: 200px;
  margin-right: 0;
}

.wp-block-buttons > .wp-block-button.wp-block-button__width-75 {
  width: 200px;
  margin-left: 0;
  margin-top: 10px;
}

.wp-block-buttons > .wp-block-button.wp-block-button__width-100 {
  width: 200px;
  margin-top: 10px;
}

.wp-block-buttons {
  justify-content: center;
}

.wp-block-button__link {
  color: #fff;
  background-color: #A6BFA2;
  border-radius: 9999px;
  box-shadow: none;
  text-decoration: none;
  padding: .25em .5em;
  font-size: 1.125em;
}


.butinactive .wp-block-button__link {
  color: #A6BFA2;
  background-color: #fff;
  border: solid #A6BFA2;
  border-radius: 9999px;
  box-shadow: none;
  text-decoration: none;
  padding: .25em .5em;
  font-size: 1.125em;
}

.butactive .wp-block-button__link {
  color: #fff;
  background-color: #A6BFA2;
  border: solid #A6BFA2;
  border-radius: 9999px;
  box-shadow: none;
  text-decoration: none;
  padding: .25em .5em;
  font-size: 1.125em;
}

a {
  color: #A6BFA2;
  cursor: pointer;
}

.go-to-top .icon-bg {
  background-color: #A6BFA2;
}  

.go-to-top .icon-bg::before {
  background: #583E2A;
}


#menu-item-43 a, #menu-item-44 a {
  color: #484848 !important;
}

#menu-item-43 a:hover, #menu-item-44 a:hover {
  color: #6B9464 !important;
}

.main-navigation a:hover, .main-navigation a:focus, .main-navigation ul li.current-menu-item a, .main-navigation ul li.current_page_ancestor a, .main-navigation ul li.current-menu-ancestor a, .main-navigation ul li.current_page_item a, .main-navigation ul li:hover > a, .main-navigation li.current-menu-ancestor.menu-item-has-children > a::after, .main-navigation li.current-menu-item.menu-item-has-children > a::after, .main-navigation ul li:hover > a::after, .main-navigation li.menu-item-has-children > a:hover::after, .main-navigation li.page_item_has_children > a:hover::after {
  color: #6B9464;
}

/* Top Bar ueber dem Header*/
.top-bar {
  position: fixed;
  top: 0;
  margin:auto !important;
  z-index: 1000;
  padding: 0 !important;
  width: 100%;
  background-color: #583E2A;
}

.top-bar div, .top-bar a {
  color: #fff;
  font-size: 16px !important;
}

.top-bar .widget_contact {
  float: none !important;
  width: 100%;
  margin: auto;
}

.fa-classic, .fa-regular, .fa-solid, .far, .fas {
    font-family: 'Font Awesome 6 Free';
}

.fa-solid, .far {
    font-weight: 600;
}

.wpdevart-top-header-section {
    max-width: 1300px;
    min-height: 30px;
    display: flex;
    margin: auto;
    padding: 0 20px 0 0;
    justify-content: center;
    align-items: center;
}

.topper-column {
	float: left;
	margin-left: 15px;
}

.topper-column:first-child {
    margin-left: 0;
}

.top-header-icons {
    font-size: 16px !important;
	margin: 0 4px 0 0;
}


#block-3, .header-social-block {
	display:none;
}


#sticky-header .wrap{
  margin: 0 auto;
  max-width: 95%;
  padding: 30px 0 0 0;
  position: relative;
}

.is-sticky #sticky-header {
  background-color: rgba(235, 231, 222, 1);
}

#sticky-header {
  background-color: rgba(235, 231, 222, 1);
  position: fixed !important;
}


/* ------------- Logoline ---------------*/
#site-branding img {
	width: 300px;
	height: 43px;
}


/* ------ Seitenmenue ausblenden ----- */
#primary {
  float: none;
  width: 90%;
  margin: auto;
}

#secondary {
  display: none !important;
}


/* ------------------------------------------------ Content -----------------------------------------------*/

/* ----- Rundes Logo drehen ----- */
.rotateleft img {
	-moz-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	-webkit-transform: rotate(-5deg);
	transform: rotate(-5deg);
	margin-left: 35px;
}

.rotateright img {
	-moz-transform: rotate(10deg);
	-ms-transform: rotate(10deg);
	-o-transform: rotate(10deg);
	-webkit-transform: rotate(10deg);
	transform: rotate(10deg);
	margin-right: 35px;
}



/* ------ Bild Ecken abrunden ----- */
.rounder img{
	border-radius: 25px 0 0 25px;
}

/*.metaslider .slides img {
	border-radius: 25px;
}*/


/* ------ Icons im Konatktbereich ----- */
ul.icons {
  margin: 0 auto;
  width: 350px;
}

ul.icons > li {
	position: relative;
	padding: 2em 0 0 3em;
}

ul.icons > li:before {
	position: absolute;
	left: 0;
	top: 2em;
	display: block;
	color: #583E2A;
	width: 1.8em;
	height: 0.5em;
	line-height: 0.5em;
	text-align: center;
}

ul.icons > li:first-child {
	padding-top: 0;
}

ul.icons > li:first-child::before {
	top: 0.5em;
}
		
.icon {
	position: relative;
	text-decoration: none;
}

.icon:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	text-transform: none !important;
}

.icon > .label {
	display: none;
}

.fa-home:before{content:"\f015"}
.fa-legal:before,.fa-gavel:before{content:"\f0e3"}
.fa-phone:before{content:"\f095"}
.fa-envelope:before{content:"\f0e0"}
.fa-whatsapp:before{content:"\f232"}
.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}
.fa-instagram:before{content:"\f16d"}
					

/* ------ Hintergrund ----- */
.blurred {
	background-image: url("https://diemitdenblumentanzt.de/wp-content/uploads/beige-aged-background-blurred-scaled.jpg") !important; 
}

.love {
	background-image: url("https://diemitdenblumentanzt.de/wp-content/uploads/euc.png"), url("https://diemitdenblumentanzt.de/wp-content/uploads/liebe.png");
	background-repeat: no-repeat, no-repeat;
	background-position: right top, right bottom;
	padding: 60px 0 !important;
}

.inspo {
	background-image: url("https://diemitdenblumentanzt.de/wp-content/uploads/inspo.png");
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 80px  !important;
	text-align: center;
}

.inspo2 {
	background-image: url("https://diemitdenblumentanzt.de/wp-content/uploads/blatt.png"), url("https://diemitdenblumentanzt.de/wp-content/uploads/beige-aged-background-blurred-scaled.jpg");
	background-repeat: no-repeat, no-repeat;
	background-position: right bottom, left top;
	padding-bottom: 60px !important;
	text-align: center;
}

.contact {
	background-color: #A6BFA2;
	padding-top: 80px  !important;
}

.contact a {
	color: #fff;
}

.contact a:hover {
	color: #6B9464;
}

.contact2 {
	background-color: #A6BFA2;
	background-image: url("https://diemitdenblumentanzt.de/wp-content/uploads/welt.png"), url("https://diemitdenblumentanzt.de/wp-content/uploads/logob.png");
	background-repeat: no-repeat, no-repeat;
	background-position: left bottom, right bottom;
	padding-bottom: 170px !important;
}

.contact2 .wp-block-column {
	line-height: 0 !important;
}

/* ----- Slider ----- */

.show {
  display: flex !important;
}

.hide {
  display: none !important;
}

.metaslider.ms-theme-cubic .flexslider ol.flex-control-nav:not(.flex-control-thumbs) {
  bottom: -60px !important;
}

.metaslider {
  padding-top: 50px;
}

.metaslider.ms-theme-cubic.ms-is-small {
  padding-bottom: 70px !important;
}

.metaslider.ms-theme-cubic .flexslider ol.flex-control-nav:not(.flex-control-thumbs) li a {
  border-radius: 25px !important;
}

/* ----- Footer ----- */

.site-info {
  background-color: #583E2A;
  padding: 10px 0;
}

.site-info .copyright {
  color: #fff;
  font-size: 14px;
  line-height: 26px;
  text-align: center;
}

.site-info .copyright a:hover, .site-info .copyright a:focus {
  color: #6B9464;
}
.site-info .copyright a {
  color: #fff;
}


/* ----- Responsive ----- */

@media only screen and (max-width: 1023px) {
  .header-social-block {
    display: none !important;
  }
}


@media only screen and (max-width: 980px) {
  #sticky-header, .is-sticky #sticky-header {
    background-color: #EBE7DE !important;
  }

  .menu-toggle {
    background-color: rgba(90, 62, 43, 0) !important;
	color: #583E2A !important;
    margin: 0 auto !important;
    padding: 10px 0 20px !important;
  }
  
   .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
    flex-basis: 100% !important;
  }
  
  .wp-container-core-columns-is-layout-9d6595d7 {
     flex-wrap: wrap !important; 
  }
}

@media (min-width: 782px) {
  .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
    flex-basis: 0;
    flex-grow: 1;
  }
}


@media only screen and (max-width: 767px) {
  .top-bar {
    display: block !important;
    position: fixed;
  }	
	
  .wrap {
    width: 100% !important;
  }
  
  .wpdevart-top-header-section {
    padding: 0;
  }
  
  .top-header {
    text-align: center !important;
  }
  
  
  #content {
    padding-top: 0px !important;
  }
  
  
  h1, h2, h3, h4, h5, h6, p {
    margin: 0 10px 10px;
  }
  
  .rounder img{
	border-radius : 25px 25px 0 0;
  }
  
  .wp-block-buttons > .wp-block-button.wp-block-button__width-25{
	width: 200px;
	margin: 0 auto;
  }

  .wp-block-buttons > .wp-block-button.wp-block-button__width-75 {
	width: 200px;
	margin: 0 auto;
  }
  
  .wp-block-buttons > .wp-block-button.wp-block-button__width-100 {
	width: 200px;
	flex-basis: 200px !important;
	margin: 0 auto;
  }
  
  
  .love {
	background-image: url("https://diemitdenblumentanzt.de/wp-content/uploads/eucm.png"), url("https://diemitdenblumentanzt.de/wp-content/uploads/liebek.png");
	background-repeat: no-repeat, no-repeat;
	background-position: right top, right bottom;
	padding: 60px 0 !important;
  }

  .inspo {
	background-image: url("https://diemitdenblumentanzt.de/wp-content/uploads/inspok.png");
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 65px  !important;
	text-align: center;
  }

  .inspo2 {
	background-image: url("https://diemitdenblumentanzt.de/wp-content/uploads/blatt.png"), url("https://diemitdenblumentanzt.de/wp-content/uploads/beige-aged-background-blurred-scaled.jpg");
	background-repeat: no-repeat, no-repeat;
	background-position: right bottom, left top;
	padding-top: 30px !important;
	padding-bottom: 60px !important;
	text-align: center;
  }
  
  .inspo p:last-child {
    margin: 0 20px 0 !important;
  }
  
  .contact2 {
	background-color: #A6BFA2;
	background-image: url("https://diemitdenblumentanzt.de/wp-content/uploads/weltkk.png"), url("https://diemitdenblumentanzt.de/wp-content/uploads/logobk.png");
	background-repeat: no-repeat, no-repeat;
	background-position: left bottom, right bottom;
	padding-bottom: 85px !important;
  }
  
  .metaslider {
     padding-top: 0px;
  }

}

@media only screen and (max-width: 480px) {
  .topper-column {
	float: none;
	margin-left: 15px;
  }

  .topper-column:last-child {
      margin-left: 0;
  }
  
  #sticky-header .wrap{
      position: relative;
  }

  #content {
    padding-top: 0px !important;
  }
    
}