/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/* 2025-12-02 jdev Close-Button für die Pop-Up von Popup-Maker - Styling */
button.pum-close.popmake-close  {
  position: absolute;
  height: 42px !important;
  width: 42px !important;
  left: auto;
  right: 0px;
  bottom: auto;
  top: 0px;
  padding: 8px !important;
  color: #ffffff;
  font-family: inherit;
  font-weight: 900 !important;
  font-size: 18px !important;
  font-style: inherit;
  line-height: 6px !important;
  border: 2px solid #ffffff !important;
  border-radius: 50px !important;
  box-shadow: 1px 1px 3px 0px rgba( 2, 2, 2, 0.23 );
  text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.23 );
  background-color: #214699 !important;
}
button.pum-close.popmake-close:hover  {
  color: #214699 !important;
  border: 2px solid #214699 !important;
  background-color: #ffffff !important;
}
/* Typo */

#wrapper .fusion-carousel-title-below-image .fusion-carousel-meta a{
	font-family: 'DM Sans', Arial, sans-serif;
}

#wrapper .fusion-carousel-title-below-image .fusion-carousel-meta a{
	font-weight: 500;
}

#wrapper .fusion-carousel-title a,
#wrapper #main .fusion-post-content .blog-shortcode-post-title{
	font-weight: 600;
}

#wrapper .fusion-carousel-title-below-image .fusion-carousel-meta a{
	font-size: 17px;
}

#wrapper #main .fusion-post-content .blog-shortcode-post-title{
	font-size: 30px;
}

#wrapper .fusion-carousel-title a{
	font-size: 30px;
}

#wrapper .fusion-carousel-title-below-image .fusion-carousel-meta a:hover{
	color: #214699;
}

#main .post h2.blog-shortcode-post-title a:hover{
	color: #214699 !important;
}

.error404 a:hover,
#wrapper .fusion-carousel-title a:hover,
#wrapper .fusion-carousel-title-below-image .fusion-carousel-meta a,
#wrapper .privacy-policy h2,
#wrapper .imprint h2{
	color: #000;
}

#main .post h2.blog-shortcode-post-title a,
.error404 h2{
	color: #000 !important;
}

#wrapper .fusion-blog-layout-grid .fusion-post-content-container p{
	line-height: 1.4;
}

/* Transitions */

#wrapper .fusion-main-menu .fusion-dropdown-menu .sub-menu li a,
#wrapper li a,
#wrapper .fusion-portfolio .fusion-carousel-item,
#wrapper .fusion-portfolio .fusion-carousel-item-wrapper,
#wrapper .fusion-portfolio .fusion-carousel-item .fusion-image-wrapper,
#wrapper .fusion-portfolio .fusion-carousel-item img,
#wrapper .fusion-accordian .panel-title .active .fa-fusion-box,
#wrapper .toggle .fusion-toggle-heading,
#wrapper .button-white,
#wrapper .menu-item-48 .menu-text,
#wrapper .menu-button .menu-text,
#flyout #flyout-outer .flyout-btn{
	-webkit-transition: all 0.35s;
	-moz-transition: all 0.35s;
	-ms-transition: all 0.35s;
	-o-transition: all 0.35s;
	transition: all 0.35s;
}

#wrapper .online-schule img{
	transition: all 1s;
}

.fusion-portfolio-element img,
.fusion-post-wrapper .fusion-flexslider img{
	-webkit-transition: opacity 1s,-webkit-transform 1s;
	transition: opacity 1s,-webkit-transform 1s;
	-o-transition: opacity 1s,transform 1s;
	transition: opacity 1s,transform 1s;
	transition: opacity 1s,transform 1s,-webkit-transform 1s;
}

.fusion-portfolio-element img:hover,
.fusion-post-wrapper:hover .fusion-flexslider img{
	-webkit-transform: scale3d(1.1,1.1,1);
	transform: scale3d(1.1,1.1,1);    
}

/* Shadow */

#wrapper .fusion-post-wrapper{
	-webkit-box-shadow: 0px 0px 7px 2px rgb(0 0 0 / 18%);
	-moz-box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.18);
	box-shadow: 0px 0px 7px 2px rgb(0 0 0 / 9%);
}

/* None */

#wrapper .fusion-post-content .fusion-content-sep,
#wrapper .fusion-blog-shortcode .fusion-read-more:after{
	display: none;
}

/*Menu*/

.fusion-header-wrapper .fusion-logo img{
	max-width: 274px;
}

.fusion-header-wrapper .fusion-row{
	max-width: 1780px;
}

#side-header .fusion-logo,
#wrapper .fusion-header .fusion-logo {
    margin: 15px 0px 15px 0px;
}
/* 2025-12-02 jdev padding raus weil Menupunkt "Professionals" dazu kam (mit Sera)
#wrapper .menu-item-50 {
    padding-right: 360px;
}*/
#wrapper .menu-item {
	padding-right: 60px;
}

#wrapper .menu-item-48 .menu-text{
    background-color: #fff;
    color: #000;
    font-weight: 400;
    font-size: 19px;
    padding: 20px;
    border-radius: 50px;
    border: 2px solid transparent;
}

#wrapper .menu-item-48 .menu-text:hover{
    background-color: #214699;
    color: #fff;
}

.fusion-main-menu .menu-item-48{
    padding-right: 15px;
}

html.avada-header-color-not-opaque #wrapper .fusion-header-v1 .fusion-header {
	border-bottom: 1px solid #FFF;
}

/*Dropdown Menu*/

#wrapper .fusion-main-menu .sub-menu{
	padding-top: 3px;
}

.fusion-main-menu .fusion-dropdown-menu .sub-menu li a {
    font-weight: 600;
    padding-top: 5px;
    font-size: 19px;
}

.fusion-main-menu .fusion-dropdown-menu .sub-menu li:hover a {
    color: #214699;
    padding-left: 5px;
}

.fusion-main-menu .sub-menu a {
    padding: 0px 0px;
}

.fusion-is-sticky .fusion-dropdown-menu .sub-menu li a {
    color: #000;
    background-color: #fff;
}

.fusion-is-sticky .sub-menu li{
	margin-left: -20px;
}

.fusion-is-sticky .sub-menu span{
	padding-left: 20px;
}

.fusion-body .fusion-main-menu .current-menu-item>a,
.fusion-body .fusion-main-menu .current_page_item>a{
	color: #fff !important;
	border-bottom: solid 1px;
}

/*Sticky Menu*/

#wrapper .fusion-is-sticky .menu-item-48 .menu-text,
#wrapper .fusion-read-more:hover {
	background-color: #214699;
	color: #fff;
	border: 1px solid;
}

#wrapper .fusion-is-sticky .menu-item-48:hover .menu-text,
#wrapper .fusion-read-more{
	background-color: transparent;
	color: #000;
	border: 1px solid #000;
}

.fusion-body .fusion-is-sticky .fusion-main-menu .current-menu-item>a,
.fusion-body .fusion-is-sticky .fusion-main-menu .current_page_item>a{
	border-bottom: transparent;
	color: #214699 !important;
}


/*Styles*/

	/*Headlines*/

	#wrapper .fusion-title h3.title-heading-left,
	#wrapper .fusion-title h3.title-heading-center{
		text-transform: uppercase;
	}

	/*Text*/

	#wrapper .fusion-text{
		line-height: 1.5;
	}



/*Button normal*/

#wrapper .fusion-button{
    padding: 20px;
    line-height: 17px;
    /* font-weight: 400; */
    font-size: 19px;
}

#wrapper .opener .fusion-button{
    font-size: 20px;
}

/*Button white*/

#wrapper .button-white{
    color: #fff;
    border-color: #fff;
}

#wrapper .button-white:hover{
    border-color: #214699;
}

#wrapper .button-white .fusion-button-text{
	color: #fff;
}


/*Toggles*/

#wrapper .fusion-toggle-heading{
	color: #000;
}

#wrapper .toggle:hover .fusion-toggle-heading{
	color: #214699;
	margin-left: 25px;
}

.fusion-accordian .panel-heading a{
	font-weight: 400;
}

.fusion-accordian .panel-title a {
    padding: 25px 0;
    margin-left: 25px;
}

#wrapper .fusion-accordian .panel-title a .fa-fusion-box {
    content: url('./images/plus-icon.png') !important;
    width: 22px !important;
    height: 22px !important;
    size: 22px !important;
    image-rendering: -webkit-optimize-contrast;
}

#wrapper .fusion-accordian .panel-title .active .fa-fusion-box{
    transform: rotate(45deg);
}

.fusion-accordian .fusion-panel {
    border-color: #A8A8A8;
}

.fusion-accordian .panel-body {
    padding: 5px 65px 15px;
}

#wrapper .fa-fusion-box::before{display:none;}

/*Checkliste*/


#wrapper .fusion-checklist .fusion-li-item i.fusion-li-icon {
    content: url('./images/check.png') !important;
    width: 34px !important;
    height: 26px !important;
    size: 29px !important;
    image-rendering: -webkit-optimize-contrast;
}

#wrapper .fusion-checklist .fusion-li-item-content{
	font-size: 18px;
}


/*Overlay*/

  .dark-overlay .fusion-text {
    margin: 0 auto;
    max-width: 700px;
  }


.overlay .fusion-column-inner-bg a::before {
	content: " ";
    position: absolute;
    display: block;
    background-color: rgb(255, 255, 255, 0.2);
    width: 100%;
    height: 100%;
    z-index: 3;
}

.overlay::before{
	content: " ";
  position: absolute;
  display: block;
  background-color: rgb(255, 255, 255, 0.2);
  width: 100%;
  height: 100%;
}

.dark-overlay::before{
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .2;
}

/* Hover und abgeschnittene Kreise */

#wrapper .fusion-imageframe.hover-type-zoomout{
	height: 350px;
  overflow: visible;
}

#wrapper .fusion-imageframe.hover-type-zoomout img{
	padding-top: 25px !important;
}

#wrapper .online-schule img{
	filter: grayscale(1);
}

#wrapper .online-schule img:hover{
	filter: unset;
}

/* Kontaktbox */

#wrapper .infobox .fusion-layout-column .fusion-column-wrapper{
	border-color: rgb(0, 0, 0, 0.3) !important;
}

#wrapper .wpcf7-list-item {
    margin: 0 0 0 0em;
}

#wrapper .wpcf7-acceptance a.text-link:hover{
	color: #000;
}

/* Portfolio */

#wrapper .fusion-carousel{
	margin-top: 20px;
}

#wrapper .fusion-carousel-title-below-image .fusion-carousel-title,
#wrapper .fusion-carousel-holder .fusion-image-wrapper a,
#wrapper .fusion-carousel-title-below-image .fusion-carousel-meta{
	display: flex;
	justify-content: center;
}

#wrapper .fusion-portfolio .fusion-carousel-holder{
	display: flex;
	align-items: center;
}

#wrapper .fusion-portfolio .fusion-carousel-item:nth-child(odd) img,
#wrapper .related-posts .fusion-carousel-item:nth-child(odd) img{
	width: 75%;
}

#wrapper .fusion-carousel .fusion-carousel-nav .fusion-nav-prev{
	content: url('./images/portfolio-swipe.png') !important;
	width: 37px !important;
	height: 33px !important;
	size: 22px !important;
	image-rendering: -webkit-optimize-contrast;
	background-color: transparent;
}

#wrapper .fusion-carousel .fusion-carousel-nav .fusion-nav-next{
	content: url('./images/portfolio-swipe.png') !important;
	width: 37px !important;
	height: 33px !important;
	size: 22px !important;
	image-rendering: -webkit-optimize-contrast;
	background-color: transparent;
	transform: rotate(180deg);
}

#wrapper .fusion-nav-prev::before,
#wrapper .fusion-nav-next::before{
	display:none;
}

#wrapper .fusion-carousel .fusion-carousel-title{
	margin: 15px 0 10px;	
}


/*Footer*/

#wrapper .fusion-footer{
    background-image: url('./images/footer-bg.png') !important;
    background-size: 129%;
    background-position-x: 89%;
    background-position-y: 11%;
    background-repeat: no-repeat;
    image-rendering: -webkit-optimize-contrast;
}

#wrapper .fusion-footer .widget-title{
    text-transform: none;
    font-family: "Sora";
    font-size: 30px;
    color: #000000;
}

#wrapper .widget_nav_menu li{
	border: none;
}

#wrapper .widget_nav_menu li{
	padding: 0px 0px 0px 20px;
}

#wrapper .fusion-footer-widget-area{
	padding-top: 10%;
}

#wrapper .lernbereiche a{
	color: #214699;
}

#wrapper .lernbereiche a:hover{
	color: #000;
}

/*Listen*/

#wrapper ul{
	margin: 0px;
	padding-inline-start: 0px;
	list-style-type: none;
}

#wrapper .infobox li a{
	color: #000;
}

#wrapper .infobox li:hover a{
	color: #214699;
}

/*Footer Icons*/

#wrapper li a{
	display: flex;
	align-items: center;
}

#wrapper .phone li,
#wrapper .web li,
#wrapper .lernbereiche li,
#wrapper .mail li{
	margin-bottom: -2px;
}

#wrapper .downloads li{
	margin-bottom: 6px;
}

#wrapper .phone-icon a i{
	background-image: url('./images/phone.png') !important;
}

#wrapper .mail-icon a i{
	background-image: url('./images/mail.png') !important;
}

#wrapper .web-icon a i{
	background-image: url('./images/web.png') !important;
}

#wrapper .downloads a i{
	background-image: url('./images/download.png') !important;
}

#wrapper .lernbereiche a i{
	background-image: url('./images/site.png') !important;
	width: 25px !important;
    height: 21px !important;
    background-size: 14px !important;
    background-repeat: no-repeat;
    image-rendering: -webkit-optimize-contrast;
    background-position-y: 6px;
}

#wrapper .phone-icon a i,
#wrapper .mail-icon a i,
#wrapper .web-icon a i,
#wrapper .downloads a i{
	width: 30px !important;
	height: 21px !important;
	background-size: 21px !important;
	background-repeat: no-repeat;
	image-rendering: -webkit-optimize-contrast;
}

#wrapper li a i{
	display: inline-block;
}

#wrapper .fusion-footer li:hover a{
	padding-left: 5px;
}

/* Blog */

.fusion-post-wrapper,
.fusion-blog-layout-grid .fusion-post-slideshow{
	border: 0 !important;
}

#wrapper .fusion-read-more{
	font-size: 19px;
	padding-top: 12px;
	padding-left: 20px;
	padding-bottom: 12px;
	padding-right: 20px;
	border-radius: 50px;
}

.single-post #content{
	padding-top: 10%;
}

.single-post .small-content{
	max-width: 1022px;
	margin: 0 auto;
}

.single-post .middle-content{
	max-width: 1330px;
	margin: 0 auto;
}

.single-post #wrapper .fusion-post-wrapper{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.single-post .fusion-post-content-wrapper{
	padding: 45px 0px 0px 0px !important;
}

#wrapper .fusion-blog-layout-grid .fusion-post-content-container{
	margin-top: 0;
}

#wrapper .fusion-blog-layout-grid.fusion-blog-equal-heights .fusion-post-wrapper .fusion-post-content.post-content {
	margin-bottom: 35px;
}

.single-post .fusion-header .fusion-logo img,
.error404 .fusion-header .fusion-logo img{
	content: url("https://test.circartiveschool.com/wp-content/uploads/2021/04/circartiveschool-logo.png");
	max-width: 274px;
}

.single-post .fusion-header .fusion-main-menu ul li a,
.error404 .fusion-header .fusion-main-menu ul li a{
	color: #000;
}

.single-post .fusion-header .fusion-main-menu a:hover,
.error404 .fusion-header .fusion-main-menu a:hover{
	color: #214699;
}

.single-post .fusion-header .menu-item-48 span.menu-text,
.error404 .fusion-header .menu-item-48 span.menu-text{
	background-color: #214699 !important;
	color: #fff !important;
	border: 1px solid !important;
}

.single-post .fusion-header .menu-item-48 span.menu-text:hover,
.error404 .fusion-header .menu-item-48 span.menu-text:hover{
	background-color: transparent !important;
	color: #000 !important;
	border: 1px solid !important;
	border-color: #000;
}

html.avada-header-color-not-opaque .single-post #wrapper .fusion-logo-left .fusion-header,
.error404 #wrapper .fusion-logo-left .fusion-header {
	border-bottom: 1px solid #4E4E4E;
}

.single-post .fusion-dropdown-menu .sub-menu li a,
.error404 .fusion-dropdown-menu .sub-menu li a {
	color: #000;
	background-color: #fff;
}

.single-post .sub-menu li,
.error404 .sub-menu li{
	margin-left: -20px;
}

.single-post .sub-menu span,
.error404 .sub-menu span{
	padding-left: 20px;
}

/*Copyright*/

.fusion-footer-copyright-area {
    display: flex;
    justify-content: space-between;
}

#wrapper .fusion-footer-copyright-area .fusion-row {
    max-width: 100%;
    width: 100%;
}

.footer-left{ float: left;}
.footer-right{ float: right;}

.fusion-copyright-notice {
    color: #ffffff;
    font-size: 18px;
}

/* Video */

#wrapper iframe{
	margin: 0 auto;
}


/* Flyout */

#flyout{
	position: fixed;
	top: 40vh;
	right: -330px;
	z-index: 999999;
	display: flex;
	flex-flow: row wrap;
}

.active-fly #flyout{
	right: 0px;
}

#flyout #flyout-outer .flyout-btn{
	height: 52px;
	width: 55px;
	background: #FFF;
	cursor: pointer;
	margin-bottom: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 1px;
	-webkit-box-shadow: 0px 0px 6px 1px rgb(0 0 0 / 6%);
	-moz-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.06);
	box-shadow: 0px 0px 6px 1px rgb(0 0 0 / 6%);
}

#flyout #flyout-outer .flyout-btn:last-child{
	margin-bottom: 0;
}

#flyout #flyout-outer .flyout-btn:hover,
#flyout #flyout-outer .flyout-btn.active {
	background: #214699;
}

#flyout #flyout-outer .flyout-btn a{
	display: flex;
}

#flyout #flyout-outer .flyout-btn i{
	width: 31px;
	height: 32px;
	background-image: url('./images/icon-instagram.png');
	background-size: 31px;
	background-repeat: no-repeat;
}

#flyout #flyout-outer .flyout-btn .fa-facebook-f{
	background-image: url('./images/icon-facebook.png');
}

#flyout #flyout-outer .flyout-btn .fa-youtube{
	background-image: url('./images/icon-youtube.png');
}

#flyout #flyout-outer .flyout-btn .fa-whatsapp{
	background-image: url('./images/icon-whatsapp.png');
}

#flyout #flyout-outer .flyout-btn .fa-cookie-bite{
	background-image: url('./images/icon-cookie.png');
}

#flyout #flyout-outer .flyout-btn:hover i,
#flyout #flyout-outer .flyout-btn.active i{
	background-position: 0 100%;
}

#flyout #flyout-outer .flyout-btn i::before{
	display: none;
}

#flyout #flyout-inner{
	width: 330px;
	padding: 20px;
	background: #0d57a7;
	color: #fff;
}

#flyout-close{
	float: right;
	font-size: 20px;
	cursor: pointer;
}

#flyout-close:hover{
	opacity: .8;
}

#flyout #flyout-inner .flyout-content {
	display: none;
}

#flyout #flyout-inner .flyout-content.active-content {
	display: block;
}

.active-fly #flyout #fly-3{
	background: #3f57ac;
}

.active-fly #flyout #flyout-inner{
	background: #3f57ac;
}

.active-fly #flyout-overlay{
	display: block;
	width: 100%;
	background: rgba(0,0,0,.4);
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99999;
}

/* 404 Page */

.error404 #main{
  min-height: 800px;
  padding-top: 8%;
  padding-bottom: 8%;
}

.error404 .icon-wrapper {
	background-color: #214699 !important;
}

/* 404 Page Suche ausblenden */

.error404 .fusion-error-page-search{
  display: none;
}

.error404 .col-lg-4{
  width: 50% !important;
}

/* Responsive */

/* < Full Screen */
@media screen and (max-width: 1919px){}

/* < Macbook 1680 x 1050 px = Standard Laptop */
@media screen and (max-width: 1679px){

	/* 404 Page */

  .error404 #main {
    min-height: 700px;
  }

  /*Menu*/

  #wrapper .menu-item-50 {
    padding-right: 200px;
  }

  #wrapper .fusion-standard-logo,
  #wrapper .fusion-sticky-logo {
    max-height: 65px !important;
  }

  .fusion-header {
    height: 100.5px;
  }

  /*Zoom Out Bilder*/

  .fusion-no-lightbox img {
    width: 255px;
  }

  #wrapper .fusion-imageframe.hover-type-zoomout {
    height: 310px;
  }

}

/* < Standard Laptop 1366 x 768 px = Macbook Air */
@media screen and (max-width: 1365px){
    
    #wrapper h1 {
        font-size: 60px;
    }

    #wrapper h2.title-heading-center {
        font-size: 30px !important;
    }

    #wrapper h4 {
        font-size: 50px;
    }

    /*Opener*/

    #wrapper .opener {
        min-height: 750px !important;
    }

    /*Carousel*/

    #wrapper .fusion-carousel-title a {
        font-size: 25px;
    }

    /*Menu*/

    #wrapper .menu-item-50 {
    padding-right: 150px;
    }

    /*Toggles*/

    .fusion-accordian a .fusion-toggle-heading{
        font-size: 20px;
    }

  /*Zoom Out Bilder*/

  .fusion-no-lightbox img {
    width: 240px;
  }

  #wrapper .fusion-imageframe.hover-type-zoomout {
    height: 295px;
  }

}

/* < Macbook Air 1280 x 800 px = Tablet Landscape */
@media screen and (max-width: 1279px){

    #wrapper .fusion-standard-logo, 
    #wrapper .fusion-sticky-logo {
        max-height: 90px !important;
        padding-top: 12px;
    }

    #wrapper .menu-item-48 .menu-text {
        font-size: 17px;
        padding: 15px;
    }

    #wrapper h1 {
        font-size: 50px;
    }

    #wrapper h2.title-heading-center {
        font-size: 28px !important;
    }

    h3 {
        font-size: 18px !important;
    }

    #wrapper h4 {
        font-size: 40px;
    }

    #wrapper h5 {
        font-size: 25px !important;
    }

    .dark-overlay .fusion-text p{
        font-size: 19px;
    }

    .fusion-main-menu ul li.menu-item-54, 
    .fusion-main-menu ul li.menu-item-52,
    .fusion-main-menu ul li.menu-item-50
    {
        padding-right: 90px !important;
    }

    .dark-overlay .fusion-title,
    .dark-overlay .fusion-text{
        z-index: 20;
    }

    #main.width-100 {
        padding-top: 0px !important;
    }

    /*Logo*/

    .fusion-logo a {
        max-width: 70%;
    }



    /*Button*/

    #wrapper .fusion-button {
        padding: 15px;
        font-size: 18px;
    }

    /*Opener*/

    .fusion-fullwidth.dark-overlay,
    #wrapper .opener {
        min-height: 600px !important;
    }

    /*Zoom Out Bilder*/

    .fusion-no-lightbox img {
      width: 190px;
    }

    #wrapper .fusion-imageframe.hover-type-zoomout {
      height: 245px;
    }

    /*Toggles*/

    .fusion-accordian a .fusion-toggle-heading{
        font-size: 19px;
    }

    .fusion-accordian .panel-title a {
        padding: 20px 0;
    }

    /*Infobox*/

    #wrapper .infobox  .fusion-column-wrapper .fusion-column-wrapper {
        padding-top: 20px !important;
        padding-right: 20px !important;
        padding-bottom: 20px !important;
        padding-left: 25px !important;
    }

    /*Blog*/

    #wrapper #main .fusion-post-content .blog-shortcode-post-title {
        font-size: 24px;
    }
    #wrapper .fusion-read-more {
        padding-left: 15px;
        padding-right: 15px;
    }

    #main.width-100 {
        padding-top: 30px;
    }

    /*Blog Video*/

    iframe{ 
            height: 450px;
            width: 100%;
        }

    .video-container {
        background-size: 90% !important;
    }

}

/* < Tablet Landscape 1024 x 768 px = Tablet Portrait */
@media screen and (max-width: 1023px){

    #wrapper h1 {
        font-size: 40px;
    }

    #wrapper h2.title-heading-center {
        font-size: 22px !important;
    }

    #wrapper h4 {
        font-size: 30px !important;
    }

    h3 {
        font-size: 16px !important;
    }

    .fusion-header {
        height: auto;
    }

    /*Opener*/

    .fusion-fullwidth.dark-overlay, 
    #wrapper .opener {
        min-height: 550px !important;
    }

    .fusion-body .fusion-flex-container.fusion-builder-row-5,
    .fusion-body .fusion-flex-container.fusion-builder-row-3 {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    /*Mobile nav*/

    .fusion-mobile-nav-holder {
        padding-top: 9px !important;
    }

    /*Blog*/

    #wrapper .fusion-read-more {
        font-size: 17px;

}

	/* Double Column */


	#wrapper .double-column{
		padding-right: 30px !important;
		padding-left: 30px !important;
	}
}


/* < Tablet Portrait 768 x 1024 px = Smartphone Plus */
@media screen and (max-width: 767px){


    /*Logo*/

    #wrapper .fusion-mobile-logo {
      max-height: 50px !important;
    }

	/* 404 Page */

  .error404 .col-lg-4 {
		width: 100% !important;
  }

  /*Menu*/

  .fusion-mobile-menu-icons a{
  	margin-top: -5px;
  }


    .fusion-mobile-nav-holder {
        padding-top: 5px !important;
    }


  #wrapper .fusion-mobile-logo {
      max-height: 50px !important;
      max-width: 160px;
  }

  .fusion-mobile-menu-icons {
      margin-top: 6px;
  }

  .fusion-header {
      height: 73.5px;
  }

  #wrapper h1 {
      font-size: 33px !important;
  }

  #wrapper h2.title-heading-center {
      font-size: 18px !important;
  }

  #wrapper h5{
  	font-size: 20px !important;
  }

  .dark-overlay .fusion-text p {
      font-size: 15px
  }

    .dark-overlay .fusion-text {
    padding-left: 30px;
    padding-right: 30px;
  }

  #wrapper h2.entry-title  a{
  	font-size: 22px;
  }

  /*Blog*/

   .single-post .fusion-flex-container {
      padding-right: 0px !important;
      padding-left: 0px !important;
  }

  #wrapper .fusion-recent-works .fusion-portfolio-content-wrapper .fusion-image-wrapper{
  	text-align: center;
  }


  /*Toggle*/

  #wrapper .fusion-accordian .panel-title a{
  	align-items: center;
  }

  .fusion-accordian a .fusion-toggle-heading{
  	font-size: 15px;
  }


}
.post-252 a:hover{
	color: var(--body_typography-color);
}

/* < Smartphone 375 x 667 px = Smartphone */
@media screen and (max-width: 374px){}