/*
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
*/
/********** BUTTONS **********/
.button-round, .fusion-body .fusion-button-round, .fusion-button-round {border-radius: 5px!important;}
input[type="submit"]{border-radius: 5px!important;}
.wpcf7-submit, .remove_white_border:hover{border-color:rgba(0,0,0,0)!important}

/********** LOGO HOME **********/
.page-id-5 .fusion-header img.fusion-standard-logo, .page-id-1816 .fusion-header img.fusion-standard-logo, .page-id-2901 .fusion-header img.fusion-standard-logo,{visibility:hidden;}
.page-id-5 .fusion-header .fusion-logo-link, .page-id-2901 .fusion-header .fusion-logo-link, .page-id-1816 .fusion-header .fusion-logo-link{background-image: url("https://www.ruitech.eu/wp-content/uploads/2017/11/Ruitech-logo-footer.png")!important; background-repeat: no-repeat;}
.page-id-5 .fusion-sticky-shadow .fusion-logo-link, .page-id-2901 .fusion-sticky-shadow .fusion-logo-link, .page-id-1816 .fusion-sticky-shadow .fusion-logo-link {background-image: url('')!important;}

/********** HOME BOXES **********/
.boxhome .fusion-builder-row-inner {display:flex; background-color:#005a9b;}
.boxhome .fusion-builder-row-inner > div {margin: auto 20px!important;}
.boxhome .fusion-builder-row-inner .fusion-title {margin:10px 0px!important;}
.boxhome {box-shadow: 0px 0px 8px rgba(0,0,0,0.5); transition:0.3s;}
.boxhome:hover {box-shadow: 0px 0px 8px rgba(0,0,0,1);}
.boxhome:hover .fusion-column-inner-bg-image {background-color:#4D9B3A!important;}
.boxhome .fusion-column-inner-bg-image {transition:0.3s;}
.boxhome .fusion-column-wrapper .fusion-builder-row-inner {position: absolute; top: 0px; height:0px!important; overflow:hidden; background-color:rgba(102,191,86,0.9)!important; color:#ffffff!important; transition:height 0.3s;}
.boxhome .fusion-column-wrapper .fusion-builder-row-inner p {margin:auto!important;}
.boxhome:hover .fusion-column-wrapper .fusion-builder-row-inner {position: absolute; top: 0px; height: 100%!important;}
#boxhome_first{margin-left: 11.5%;}
.boxhome .fusion-title{margin: 20px 0px 0px 0px!important;}
.boxhome .fusion-imageframe{border-bottom-right-radius: 4000px 300px; border-bottom-left-radius: 4000px 300px;}
.boxhome p{color: #fff!important; padding: 0px 10px 0px 10px;}
.boxhome h3{font-size: 20px!important}
.boxhome .fusion-builder-row, .boxhome, .boxhome .fusion-column-wrapper{border-radius: 10px;}
.boxhome img, .boxhome span{border-top-left-radius: 10px; border-top-right-radius: 10px;}
.avexperts-tekst a {color: #26a1a1!important;}
.avexperts-tekst a:hover {color: #66bf56!important;}
.avexperts {min-height:501px;}
#avexperts_tekst .content-container p{min-height:264px;}

#gradient {
  background: #26a1a1; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, #26a1a1 , #66bf56); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #26a1a1 , #66bf56); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #26a1a1 , #66bf56); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #26a1a1 , #66bf56); /* Standard syntax */
}

.fusion-image-carousel {margin-bottom:0px!important;}
.col .heading img{margin-right: 0px!important}
.ls-wrapper > .ls-layer, .ls-wrapper > a > .ls-layer .ls-wrapper > .ls-bg{white-space: inherit!important;}
#wit p, #wit h2, #wit h3, #wit h4, #wit h5{color: #fff;}

#button_alle_producten .fusion-column-wrapper{min-height: 0px!important;}

.wpcf7-form textarea, .wpcf7-form .wpcf7-text {background-color:transparent!important; border:2px solid #fff!important; color:#fff!important;}
#contactformulier .wpcf7-form input {color:#fff!important}
::-webkit-input-placeholder {color:#fff!important;}
:-moz-placeholder {color:#fff;opacity:  1;}
::-moz-placeholder {color:#fff!important; opacity:  1;}
:-ms-input-placeholder {color:#fff!important;}
::-ms-input-placeholder {color:#fff!important;}

@media only screen and (min-width: 800px) {
.links {width:49%!important; float:left; padding:10px 0px 10px 0px;}
.rechts {width:49%!important; float:right; padding:10px 0px 10px 0px;}
}


.fusion-main-menu > ul > .current_page_item > a > span:after, .fusion-sticky-menu- > ul > .current_page_item > a > span:after {
  content: "";
  position: absolute;
  z-index: -1;
  right: auto;
  left:0;
  width: 100%;
  bottom: -5px;
  background: #fff;
  height: 2px;
  transition-property: width;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.fusion-main-menu > ul > li > a > span, .fusion-sticky-menu- > ul > li > a > span {
  display: inline;
  position: relative;
  overflow: hidden;
}

.fusion-main-menu > ul > li > a > span:after, .fusion-sticky-menu- > ul > li > a > span:after {
  content: "";
  position: absolute;
  z-index: -1;
  right: 0;
  width: 0;
  bottom: -5px;
  background: #fff;
  height: 2px;
  transition-property: width;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.fusion-is-sticky .fusion-main-menu > ul > li > a:hover, .fusion-is-sticky .current_page_item span{color:#66BF56!important;}
.fusion-is-sticky .current_page_item span:after, .fusion-is-sticky span:after{background:#66BF56!important;}

.fusion-main-menu > ul > li > a > span:hover:after,
.fusion-main-menu > ul > li > a > span:focus:after,
.fusion-main-menu > ul > li > a > span:active:after,
.fusion-sticky-menu- > ul > li > a > span:hover:after,
.fusion-sticky-menu- > ul > li > a > span:focus:after,
.fusion-sticky-menu- > ul > li > a > span:active:after {
  left: 0;
  right: auto;
  width: 100%;
}

.fusion-is-sticky .glyphicon {color:#000;}
.fusion-is-sticky .menu-item-1209:hover .glyphicon {color:#66BF56;}

.fa-meetup::before {content: url(../../../wp-content/uploads/2017/11/Icoon-bus.png)!important;}
.fa-wpexplorer::before {content: url(../../../wp-content/uploads/2017/11/Icoon-locatie.png)!important;}
.fa-superpowers::before {content: url(../../../wp-content/uploads/2017/11/Icoon-HDMI.png)!important;}
.fa-snowflake-o::before, .fa-snowflake::before  {content: url(../../../wp-content/uploads/2017/11/Icoon-scherm-2.png)!important;}

.fa-wpexplorer {min-height:107.5px;}

#main{padding-top: 0px!important; padding-bottom: 0px!important;}
.halve_cirkel_bovenaan{background-color: rgba(0,0,0,0)!important; margin-top: -100px; padding-top: 0px!important;}
.portfolio_projecten .fusion-portfolio-content{background-color: #66BF56!important;}
.portfolio_projecten .fusion-portfolio-content h2 a{color: #fff;}
#title_home h5{font-size: 19px!important;}
.info_remote_support .fusion-column-wrapper p{padding-top: 20px;}
.person-desc, .fusion-portfolio-post .fusion-portfolio-content, .fusion-portfolio-content-wrapper{border-bottom-right-radius: 10px!important; border-bottom-left-radius: 10px!important;}
.fusion-portfolio-content-wrapper{margin: 8px;}
.person-desc{padding: 20px!important;}
#contact_info a{color: #fff!important;}
#contact_info a:hover{color: #26a1a1!important;}
#contact_info p{color: #fff;}
#wpcf7-f1563-p1403-o1 p{margin-bottom: 0px!important;}
#contactformulier input[type="text"], #contactformulier input[type="email"], #contactformulier textarea{background-color: #f2eff4 !important; color: #5e5e5e!important;}
#contactformulier input[type="text"]::placeholder, #contactformulier input[type="email"]::placeholder, #contactformulier textarea::placeholder{color: #5e5e5e!important;}
.contact_bedrijf, .contact_telefoon{margin-left: 2%;}
.contact_onderwerp{padding: 0px 0px 10px 0px;}
.contact_bericht textarea{margin-top: 10px;}
.links_contact {width:49%!important; float:left; padding:0px 0px 10px 0px;}
#contactformulier .wpcf7-submit{margin-top: 20px!important; background-color: #26a1a1!important; color: #fff!important; border: 1px #fff solid!important;}
#contactformulier .wpcf7-submit:hover{background-color: #fff!important; color: #26a1a1!important; border: 1px #26a1a1 solid!important;}
.person_over_ons .person-author-wrapper .person-name{color: #66bf56!important; font-size: 16px!important;}
.person_over_ons .person-author-wrapper .person-title{color: #5e5e5e!important;}
#text_over_ons{margin-left: 10.5%;}
.fusion-widget-area .widget_nav_menu li{padding: 0px 0px 0px 0px; border-bottom: 0px solid #e7e6e6;}
.fusion-footer-widget-column{margin-bottom: 20px!important;}
.fusion-widget-area{margin-bottom:30px!important;}
#button_skype{margin-top: 20px;}
#subtitle_remote_support h3{color: #5e5e5e!important;}
#project_details .fusion-column-wrapper{border-radius: 10px;}
#project_details h2, #project_details p{color: #fff!important;}
#project_details h6{color: #5e5e5e!important;}
.fusion-load-more-button{max-width: 250px; border-radius: 10px; background-color: rgba(0,0,0,0)!important; border: 1px solid #26a1a1!important; color: #26a1a1!important; font-weight: normal!important; margin: auto; margin-top: 30px;}
.fusion-load-more-button:hover{background-color: #26a1a1!important; border: 1px solid #fff!important; color: #fff!important;}
#groen_blok_contact .fusion-column-wrapper{border-radius: 10px;}
#text-5 .textwidget p{margin: 0px;}
#text-5 .textwidget a h4{margin: 0px;}
.layout-wide-mode .fusion-is-sticky .fusion-row { max-width: 1200px!important;}
#mobile-menu-item-1209{display: none;}
#project_details a{color: #fff;}
#project_details a:hover{color: #5e5e5e;}
.project-description h3{color: #66bf56!important; font-size: 16px!important;}
#project_details h3{color: #fff!important; font-size: 21px!important;}
.boxhome .fusion-column-inner-bg-image{border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
#project_details a, #project_details p{font-weight: normal!important;}
.fusion-portfolio-content-wrapper .entry-title a{font-size: 22px!important;}
.fusion-button span{vertical-align: sub;}
.ls-wrapper .fusion-button, .ls-wrapper .fusion-button:active, .ls-wrapper .fusion-button:focus, .ls-wrapper .fusion-button:visited{border-color: #26a1a1!important; background-color: rgba(0,0,0,0)!important;}
.ls-wrapper .fusion-button span, .ls-wrapper .fusion-button:active span, .ls-wrapper .fusion-button:focus span, .ls-wrapper .fusion-button:visited stan{color: #26a1a1!important; text-transform: none;}
.ls-wrapper .fusion-button:hover{border-color: #26a1a1!important; background-color: #26a1a1!important;}
.ls-wrapper .fusion-button:hover span{color: #fff!important;}

/********** LINKEDIN **********/
#linkedin-con h2{display: none;}
#linkedin-item{padding-bottom: 10px; padding-top: 10px; border-bottom: 1px solid lightgrey;}
#linkedin-item img{max-width: 95%; float: left; clear: both;}
#linkedin-item h3, #linkedin-item p{width: 95%; float: left; padding: 0px 10px 0px 10px; margin-top: 0px; font-size: 17px;}
#linkedin-item h3{margin-bottom: 10px!important; margin-top: 10px!important;}
#linkedin-item h3 a{color: #66bf56;}
#linkedin-item span a{display: block;}
#linkedin-item div{margin-top: 15px;}
#linkedin-con{padding-left: 0px; display: grid; margin-top: 0px;}
.linkedin_blok{overflow-y: scroll; height: 300px;}
#menu-item-wpml-ls-19-nl a, #menu-item-wpml-ls-19-en a{padding-left: 0px!important; padding-right: 0px!important;}
#menu-item-wpml-ls-19-nl a{padding-right: 10px!important;}

@media screen and (min-width: 1920px) {
	.ls-wrapper a{font-size: 20px;}
}
@media screen and (max-width: 1300px) {
	.ls-wrapper a{font-size: 12px;}
	.ls-wrapper a{padding: 13px 15px;}
}

@media screen and (max-width: 1100px) {
	.fusion-rollover{background-image: none!important;}
}

@media screen and (max-width: 1000px) {
	.home_tekst{padding-top: 20px;}
	.home_button{padding-top: 20px;}
}


@media screen and (min-width: 800px) {
	.boxhome1 img{content:url(../../../wp-content/uploads/2015/12/Project-MI-Partners.jpg)!important;}
	.boxhome2 img{content:url(../../../wp-content/uploads/2015/12/Project-MAT-afbouw.jpg)!important;}
	.boxhome3 img{content:url(../../../wp-content/uploads/2015/12/Project-MR-Coils-meetingroom.jpg)!important;}
}


@media screen and (max-width: 800px) {
    .home .opvulling1, .home .opvulling2 {display: none;}
	.home_tekst{max-width: 70%;}
	.home_button{max-width: 30%; padding-top: 10px;}
	.boxhome{margin-bottom: 50px!important;}
	.mass-intro .fusion-column-wrapper, .home_diensten .fusion-column-wrapper, .home_contact .fusion-column-wrapper{padding-left: 15px!important; padding-right: 15px!important;}
	.fusion-footer .fusion-column{max-width: 50%; float: left!important;}
	.remote_support_image .fusion-column-wrapper{max-width: 50%!important; margin-left: 25%!important;}
	.remote_support h3, .remote_support p{text-align: center!important;}
	.remote_support .fusion-button-wrapper{display: block!important; text-align: center; width: 100%;}
	#groen_blok_contact{margin-bottom: 50px!important;}
	.links_contact {width:100%!important; float:none; padding:0px 0px 0px 0px;}
	.links_contact input{margin-bottom: 10px;}
	.contact_bedrijf, .contact_telefoon{margin-left: 0px!important;}
	.person-desc{margin-top: 50px!important;}
	.home_tekst h5, .groene_balk_home .fusion-column-wrapper{text-align: center!important;}
}


@media screen and (max-width: 630px) {
    .home_tekst, .home_button{max-width: 100%;}
	.fusion-footer .fusion-column{max-width: 100%; float: none!important;}
}

#linkedin-item  span, .linkedin-update-logo{display:none;}

/**** ruitech2.0 ****/
.kennismaken-knop .fusion-button-wrapper {float: left; margin-left: 20px; margin-top: 3px!important; margin-bottom: 20px!important;}
.kennismaken-knop .fusion-button-wrapper .fusion-button {border: 1px solid #fff!important; padding: 18px 29px!important; background-color: #fff!important;}
.kennismaken-knop .fusion-button-wrapper .fusion-button .fusion-button-text {color: #66be56; text-transform: none; font-size: 20px;}
.kennismaken-knop .fusion-button-wrapper .fusion-button:hover .fusion-button-text {color: #fff!important;}
.kennismaken-knop .fusion-button-wrapper .fusion-button:hover {background-color: transparent!important;}
.kennismaken-knop h3 {text-align: center; max-width: max-content; float: left; margin-top: 10px; margin-bottom: 10px;}
.kennismaken-knop {width: max-content; margin: 0 auto;}
.fusion-button_size-large .fusion-button-default-size {padding: 10px 20px;}
.avexperts .content-box-column .content-box-wrapper {min-height: 385px!important;}

nav.fusion-main-menu {float: left!important;}
.fusion-header .fusion-row {max-width: 1200px!important;}
.fusion-megamenu-icon i {color: #000!important;}
.fusion-main-menu ul li a {padding-left: 22.5px!important; padding-right: 22.5px!important;}
.fusion-main-menu .menu-text {color: #000!important;}
.fusion-main-menu .current-menu-item .menu-text {color: #66BF56 !important}
.fusion-main-menu .menu-item:hover .menu-text {color: #66BF56 !important}
.fusion-header .fusion-logo {padding-right: 50px!important;}
.portfolio-home .portfolio_projecten {margin-bottom: 50px!important;}
.fusion-rollover-categories a{pointer-events: none;}


ul.fusion-filters li.fusion-filter {border: 1px solid #a2a2a2; margin-right: 10px;}
ul.fusion-filters li.fusion-filter a {color: #a2a2a2; padding: 0px 15px;}
ul.fusion-filters li.fusion-filter:hover a{color: #fff;}
ul.fusion-filters li.fusion-filter:hover {background-color: #66bf56; border-color: #66BF56;}
ul.fusion-filters {border: none; width: max-content; margin: 0 auto; margin-top: 80px; margin-bottom: 40px;}
ul.fusion-filters li.fusion-filter.fusion-filter.fusion-active {background-color: #66BF56; border-color: #66BF56;}
ul.fusion-filters li.fusion-filter.fusion-filter.fusion-active a {color: #fff; border: none; padding-top: 3px;}
.page-id-1401 ul.fusion-filters li:nth-child(4){display: none!important;}
.page-id-2930 ul.fusion-filters li:nth-child(5){display: none!important;}

.fusion-footer .textwidget p {margin-top: 0px!important; margin-bottom: 0px!important;}
.fusion-footer .fusion-widget-area {margin-bottom: 0px!important;}
.fusion-footer .widget {margin-bottom: 0px!important;}

.slide-content-container, .slide-content-container .slide-content {height: 100%; padding-left: 0px!important; padding-right: 0px!important;}
.slide-content-container .slide-content{max-width: 500px!important; margin-left: calc((100vw - 1200px) / 2)!important; opacity: 1!important;}
.page-id-5 .slide-content-container .slide-content, .page-id-2901 .slide-content-container .slide-content  {max-width: 540px!important;}
.slide-content-container .slide-content:after {content: ''; background-image: url('../../../wp-content/uploads/2020/01/Ruitech-header-cirkel-2.png'); background-repeat: no-repeat; display: block; position: absolute; height: 101%; top: -0.5%; width: calc(550px + (100vw - 1200px) / 2); left: 0; background-position: center right!important; z-index: -1;}
.page-id-5 .slide-content-container .slide-content .heading .fusion-title-sc-wrapper, .page-id-2901 .slide-content-container .slide-content .heading .fusion-title-sc-wrapper  {margin-top: calc((100vh - 100%) / 2) !important;}
.slide-content-container .slide-content .heading .fusion-title-sc-wrapper {margin-top: 100px!important;}
.slide-content-container .slide-content .heading, .slide-content-container .slide-content .caption {z-index: 15;}
.slide-content-container .slide-content .fusion-title-sc-wrapper {background-color: rgba(0,0,0,0)!important;}
.slide-content-container .slide-content h2, .slide-content-container .slide-content h3{color: #66BF56!important;}
.slide-content-container .slide-content h2{line-height: 1!important;}
.page-id-5 .fusion-slider-container, .page-id-5 .fusion-slider-container .tfs-slider, .page-id-5 .fusion-slider-container .tfs-slider .background-image, .page-id-2901 .fusion-slider-container, .page-id-2901 .fusion-slider-container .tfs-slider, .page-id-2901 .fusion-slider-container .tfs-slider .background-image  {height: calc(100vh - 208px)!important; max-height: calc(100vh - 208px)!important;}
.page-id-5 .slide-content-container .slide-content:after, .page-id-2901 .slide-content-container .slide-content:after {background-image: url('../../../wp-content/uploads/2020/01/Ruitech-header-cirkel-2.png'); width: calc(650px + (100vw - 1200px) / 2);}
.slide-content-container .slide-content .fusion-button {background-color: transparent!important; border-color: #26a1a1!important; margin-left: 15px!important;}
.slide-content-container .slide-content .fusion-button:hover {background-color: #26a1a1!important; color: #fff!important;}

.page-id-1403 .tfs-slider .background-image {background-position:top!important;}

#diensten .fusion-content-boxes.fusion-columns-1 .fusion-column {margin-bottom:0px;}

#merken .fusion-gallery-column {min-height:150px; text-align:center;}
#merken .fusion-gallery-column .fusion-gallery-image {min-height:150px; padding-top:10px;}

@media all and (max-height: 800px) {
   .page-id-5 .slide-content-container .slide-content .heading .fusion-title-sc-wrapper,
	.page-id-2901 .slide-content-container .slide-content .heading .fusion-title-sc-wrapper{
       margin-top: 40px!important;
   }
}

.avexperts i:before {display: none!important;}
.avexperts .fa-arrow-alt-circle-down {background-image: url('../../../wp-content/uploads/2015/12/Icoon-service.png'); background-position: 50% 50%!important; background-repeat: no-repeat!important;}
.avexperts .fa-arrow-alt-circle-right {background-image: url('../../../wp-content/uploads/2015/12/Icoon-installatie.png'); background-position: 50% 50%!important; background-repeat: no-repeat!important;}
.avexperts .fa-arrow-alt-circle-left {background-image: url('../../../wp-content/uploads/2015/12/Icoon-advies.png'); background-position: 50% 50%!important; background-repeat: no-repeat!important;}
.page-id-1397 .avexperts .content-container {min-height: 175px!important;}
.avexperts .fa-arrow-circle-up {background-image: url('../../../wp-content/uploads/2020/03/Ruitech-icoon-logistiek.png'); background-position: 50% 50%!important; background-repeat: no-repeat!important;}
.avexperts .content-box-wrapper {cursor:default!important;}

@media screen and (max-width: 1200px) {
	.slide-content-container .slide-content {margin-left: 25px!important;}
	.slide-content-container .slide-content:after{width: 550px!important;}
	.page-id-5 .slide-content-container .slide-content:after,
	.page-id-2901 .slide-content-container .slide-content:after{width: 650px!important;}
}

@media screen and (max-width: 800px) {
	ul.fusion-filters {width: 100%!important;}
	ul.fusion-filters .fusion-filter {margin-right: 0px!important; width: 46%; margin-left: 2%!important; margin-right: 2%!important; margin-bottom: 2%!important; float: left;}
	.slide-content-container .slide-content .caption, .slide-content-container .slide-content:after {display: none!important;}
	.page-id-5 .slide-content-container .slide-content .caption,
	.page-id-2901 .slide-content-container .slide-content .caption{display: block!important;}
	.slide-content-container .slide-content .heading h2, .slide-content-container .slide-content .caption h3 {background-color: rgba(255, 255, 255, 0.75); padding: 5px;}
	.slide-content-container .slide-content .heading .fusion-title-sc-wrapper {margin-top: 75px!important;}
	.kennismaken-knop {width: 100%!important;}
	.kennismaken-knop h3, .kennismaken-knop .fusion-button-wrapper {display: block!important; width: 100%!important; min-width: 100%!important; margin-left: 0px!important; text-align: center!important;}
	.page-id-5 .fusion-slider-container, .page-id-5 .fusion-slider-container .tfs-slider, .page-id-5 .fusion-slider-container .tfs-slider .background-image,
	.page-id-2901 .fusion-slider-container, .page-id-2901 .fusion-slider-container .tfs-slider, .page-id-2901 .fusion-slider-container .tfs-slider .background-image{height: calc(100vh - 261px)!important; max-height: calc(100vh - 261px)!important;}
	.slide-content-container .slide-content .fusion-button {background-color: #26a1a1!important; color: #fff!important; margin-left: 15px!important;}
	.slide-content-container .slide-content .fusion-button-text {color: #fff!important;}
	.slide-content-container .slide-content .fusion-button:hover {background-color: #26a1a1!important; color: #fff!important;}
	.slide-content-container .slide-content h3 {font-size:16px!important; line-height:auto!important;}
}
@media screen and (max-width: 450px) {
	ul.fusion-filters .fusion-filter {width: 96%!important;}
}