/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

.bp_h1, .bp_h2, .bp_h3, .bp_h5, .bp_h6 {color:#023778}
.bp_h4 {color:#e30513;}

.bp_h1 {font-family: fira sans; font-weight:700; font-size:54px; line-height:46px;}
.bp_h2 {font-family: fira sans; font-weight:700; font-size:40px; line-height:46px;}
.bp_h3 {font-family: fira sans; font-weight:700; font-size:36px; line-height:42px; }
.bp_h4 {font-family: yantramanav; font-weight:300; font-size:23px; line-height:30px;}
.bp_h5 {font-family: fira sans; font-weight:normal; font-size:18px; line-height:22px;}
.bp_h6 {font-family: fira sans; font-weight:normal; font-size:18px; line-height:22px;}

h4 {color:#e30513;}
a {text-decoration:none !important;}


.ubtn .ubtn-text {margin-right:14px;}

/*menu hoofdpagina*/
.uitklap {
    font-size:18px;
    color:#023778;
    text-align:center;
    font-family: fira sans;
}
.uitklap a {text-decoration: none; color:#023778;}
.uitklap a:hover{color:#e30513; text-decoration:none;}

.menu li ul {
    font-size:12px;
    margin-left:0px !important;
}

.menu {padding-bottom:0px;}

.uitklap a{padding-right: 0px;}
.uitklap > ul { visibility: hidden; display:none; }
.uitklap:hover > ul { visibility: visible; display:block; }


.uitklap:hover > ul.sub-menu { 
    visibility: visible;
    -webkit-transition:.1s ease-in-out .1s;
    -moz-transition:.1s ease-in-out .1s;
    -o-transition:.1s ease-in-out .1s;
    transition:.1s ease-in-out .1s;
    } 


/*CONTACTFORMULIER*/
#page input[type="text"], #page input[type="search"], #page input[type="tel"], #page input[type="url"], #page input[type="email"], #page input[type="number"], #page input[type="date"], #page input[type="range"], #page input[type="password"], #page select, #page textarea, #page .wpcf7-number{
    border:1px solid white; 
    background-color:transparent;
    color:#fff;
  
}

::-webkit-input-placeholder { /* WebKit browsers */
    color: #fff !important;
    opacity: 1;
    }
    :-moz-placeholder { /* Mozilla Firefox 4 to 18 */    
    color: rgb(255, 255, 255) !important;
    opacity: 1;
    }
    ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #fff !important;
    opacity: 1;
    }
    :-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #fff !important;
    opacity: 1;
    }

    .wpcf7-list-item-label {color:#fff;}

.contact input[type="text"], .contact input[type="search"], .contact input[type="tel"], .contact input[type="url"], .contact input[type="email"], .contact input[type="number"], .contact input[type="date"], .contact  input[type="range"], .contact input[type="password"], .contact select, .contact textarea, .contact .wpcf7-number  {border:1px solid #023778 !important; background-color:#fff; color:#023778 !important;}

.contact ::-webkit-input-placeholder { /* WebKit browsers */
    color: #023778 !important;
    opacity: 1;
    }
.contact  :-moz-placeholder { /* Mozilla Firefox 4 to 18 */    
    color: rgb(2, 55, 120) !important;
    opacity: 1;
    }
.contact  ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #023778 !important;
    opacity: 1;
    }
.contact  :-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #023778 !important;
    opacity: 1;
    }

    .contact .wpcf7-list-item-label {color:#023778;}


/*BUTTONS*/

.border {border: 1px solid #023778; background-color:transparent !important;}
.border:hover {border: 1px solid #023778; color:#fff; background-color:#023778 !important;}

.borderwit {border: 1px solid #fff; background-color:transparent !important;}
.borderwit:hover {border: 1px solid #fff; color:#000; background-color:#fff !important;}


/*HOME PADDINGS*/

.vc_row.vc_column-gap-20>.vc_column_container {padding: 0px 10px 10px 10px;}

/*REFERENTIES*/

.namefield {color:#e30513;}
.icons {padding-top:16px;}


.infofield img{width:8px; vertical-align: sub; margin-right:6px;}
.infofield {line-height: 30px; font-size:13px;}


.custom-menu li{padding:2px 0 0 ; margin:0px;}
.footer .custom-menu a:not(:hover){color:#212121;}


.bg-on .project-list-content{min-height:240px;}



/*ANIMATIES*/

.anima .vc_figure:hover {
    position: relative;
    animation-name: example;
    animation-duration: 2s;
    animation-iteration-count: infinite;    
}

@keyframes example {
    0%   {-ms-transform: rotate(0deg); /* IE 9 */         -webkit-transform: rotate(0deg); /* Safari 3-8 */         transform: rotate(0deg);}
    25%  {-ms-transform: rotate(20deg); /* IE 9 */         -webkit-transform: rotate(20deg); /* Safari 3-8 */         transform: rotate(20deg);}
    50%  {-ms-transform: rotate(0deg); /* IE 9 */         -webkit-transform: rotate(0deg); /* Safari 3-8 */         transform: rotate(0deg);}
    75%  {-ms-transform: rotate(-20deg); /* IE 9 */         -webkit-transform: rotate(-20deg); /* Safari 3-8 */         transform: rotate(-20deg);}
    100%  {-ms-transform: rotate(0deg); /* IE 9 */         -webkit-transform: rotate(0deg); /* Safari 3-8 */         transform: rotate(0deg);}
    
} 

/*TABLEPRESS*/

.tablepress thead th {background-color:#e30513; color:#fff;}


p, label, a, span, div{
	font-family: Yantramanav !important;
}