/*

Theme Name: Archiox Child

Template: archiox

Theme URI: https://themewar.com/wp/archiox

Author: Themewar

Author URI: https://themewar.com/

Description: Child theme for Archiox. Child themes are the recommended way of making modifications to a theme. <a href="http://codex.wordpress.org/Child_Themes">Reade More</a>

Version: 1.0

License: 

License URI: 

Text Domain: archiox-child

Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

/* HIDE */
.page-id-17 .pgBanner-title, .blogCcat, .bi01Single p, #magic-mouse{
display: none!important;
}

*/

/* ALGEMENE ITEMS */
.header03Inner {
  background-color: #7d7c72!important;
  background-image: none !important;
}

.wpcf7 input[type="submit"], .wpcf7-submit{
background: #916c29!important;
font-weight: normal!important;
text-transform: capitalize!important;
color: #4d4d4d!important;
}

/* Advies en styling */
.page-id-7542 .wpcf7 input[type="submit"] {
background: #A4C2BF!important;
border: 1px solid #89b1ad!important;
}

/* Grafisch ontwerp */
.page-id-7544 .wpcf7 input[type="submit"] {
background: #CFB6CE!important;
border: 1px solid #bf9fbe!important;
}

/* Maatwerk */
.page-id-7546 .wpcf7 input[type="submit"] {
background: #EDAE36!important;
border: 1px solid #d1982b!important;
}

/* Over ons - Contact - Algemene voorwaarden - Disclaimer */
.page-id-7554 .wpcf7 input[type="submit"], .page-id-7522 .wpcf7 input[type="submit"], .page-id-7558 .wpcf7 input[type="submit"], .page-id-7556 .wpcf7 input[type="submit"] {
background: #C8E3CD!important;
border: 1px solid #a2cdaa!important;
color: #4d4d4d;
}

/* Wederverkoper*/
.page-id-8442 .wpcf7 input[type="submit"] {
background: #736E5F!important;
border: 1px solid #a2cdaa!important;
color: #E7E7E7!important;
}




.bi01Con h3{
margin: 0!important;
}

.contact-button a{
  color: #fff!important;
}

.footerWidget a:hover{
text-decoration: none!important;
}

.blogDetails-section{
padding: 0!important;
}

.accordion-button{
  color: #fff!important;
  font-family: 'Roboto', sans-serif!important;
}

/* HOMEPAGE */
.homepagebox{
    border: 2px solid #ccc;
    background: #fff;
    padding: 20px;
}

.accordion-row {
  display: flex;
  width: 100%;
  overflow: hidden;
}

    .accordion-tab {
      display: flex;
      flex-direction: row;
      transition: all 0.4s ease;
      overflow: hidden;
	padding: 0 15px!important;
    }

    .accordion-tab.active {
      background-color: #ffffff;
    }
	
	.tab-label.kleur{
	border-right: 2px solid #a4c2bf!important;
	}
	.tab-label.themagericht{
	border-right: 2px solid #588192!important;
	}
	.tab-label.kindvriendelijk{
	border-right: 2px solid #cfb6ce!important;
	}
	.tab-label.budget{
	border-right: 2px solid #8a7e8f!important;
	}
	.tab-label.persoonlijk{
	border-right: 2px solid #edad36!important;
	}

    .tab-label {
      width: 60px;
      min-width: 60px;
      background-color: inherit;
      writing-mode: vertical-rl;
      transform: rotate(180deg);
      text-align: center;
      padding: 0px 5px;
	  color: #736e5f;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: left;
	  font-size: 38px;
    }

    .accordion-tab.active .tab-label {
      background-color: #fff;
font-weight: bold;
    }

    .tab-content {
      width: 0;
      overflow: hidden;
      opacity: 0;
      transition: all 0.4s ease;
      padding: 0;
      display: flex;
      align-items: center;
text-align:center;
    }

    .accordion-tab.active .tab-content {
      width: 440px;
	  height: 100%;
      opacity: 1;
    }

    .tab-content img {
     max-width: 190px!important;
      height: 100%!important;
	  margin-right: 10px;
      object-fit: cover;
    }

    .tab-content .tab-text img {
     min-width: 80px!important;
      height: 100%!important;
padding: 10px;
    }


    .tab-text {
      flex: 1;
    }

    .tab-text h2 {
      margin-top: 0;
      color: #3c8dbc;
    }

    .tab-text p {
      line-height: 1.5;
text-align:center;
    }

    .contact-button {
      margin-top: 15px;
      padding: 8px 16px;
      background-color: #7c7c71;
      color: white;
      border: none;
      border-radius: 4px;
      cursor: pointer;
    }

    .contact-button:hover {
     background-color: #736e5f;
    }

    /* Mobiel */
    @media screen and (max-width: 768px) {
      .accordion-row {
        flex-direction: column;
        height: auto;
        overflow: visible;
      }
      .accordion-tab {
        flex-direction: column;
        width: 100%;
        border-right: none;
      }
      .tab-label {
        writing-mode: horizontal-tb;
        transform: none;
        width: 100%;
        text-align: left;
        padding: 15px;
        font-size: 16px;
        border-right: none;
      }
      .accordion-tab.active .tab-label {
 
        background-color: #f0f0f0;
      }
      .tab-content {
        display: none;
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
      }
      .accordion-tab.active .tab-content {
        display: flex;
        padding: 20px;
        opacity: 1;
      }
      .tab-content img {
        width: 100%;
        max-width: 300px;
        height: auto;
	max-height: 300px;      
}
    }

/* TEAM/BLOG ITEMS OP DE FRONTPAGE */

.teamSin01 .teamCon{
text-align: center;
}

/* FOOTER */
#gallery-1 img{
border: 0!important;
}

.footer03 .footer03Bottom ul li a:hover {
  text-decoration: none !important;
}


/* WEDERVERKOPER en CONTACTFORMULIEREN*/
textarea, input{
min-height: 60px!important;
overflow:hidden!important;
background: transparent!important;
border-radius: 10px!important;
border: 1px solid #a38566!important;
}

.page-id-8442 label{
color: #736E5F!important;
font-size: 16px!important;
background: #fcefdc!important;
}