/*
Theme Name:     vantagechild
Description:    Child theme for the vantage theme  
Author:         Adil Kengen                          
Template:       vantage                             
Version:        0.1.0                                    
*/

/* Import the parent theme css file */
@import url("../vantage/style.css");

/* Google Fonts :) */
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Architects+Daughter');
@import url('https://fonts.googleapis.com/css?family=Amatic+SC');
@import url('https://fonts.googleapis.com/css?family=Ubuntu');
@import url('https://fonts.googleapis.com/css?family=Akaya-Telivigala');
@import url('https://fonts.googleapis.com/css?family=Yomogi');




@font-face {
    font-family: 'AkayaTelivigala-Regular';
    font-style: normal;
    font-weight: normal;
    src: local('AkayaTelivigala-Regular'), url('http://www.adil-kengen.nl/testlocatie/vantage/wp-content/typefonts/AkayaTelivigala-Regular.woff') format('woff');
    }
    



    

html
{
    overflow-y: scroll;
    overflow-x: hidden;
}



 body
 {
     /*background: url("http://www.adil-kengen.nl/testlocatie/vantage/wp-content/background/Broadway-Worcestershire-England.jpg") no-repeat top center fixed; */
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
 }




 body, p, ul, ol, button, input, select, textarea {
    color: #333;
    background-color: transparent;
    font-family: Ubuntu, "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    line-height: 1.5em !important;
    font-size: 15px !important;
}
/*
html {
    background-color: lightslategrey !important ;
}
*/

/* https://siteorigin.com/thread/page-width-how-to-make-it-wider/  */

body.layout-full.responsive #page-wrapper .full-container {
    max-width: 1200px;
}

body.responsive #masthead .hgroup #header-sidebar {
         
  margin-top: 0px !important;
  position: relative ;
}

#main-slider {
display:none !important;
margin: 0 !important;
}

#header-sidebar {    margin:0px !important;
    padding:0px !important;
}


header#masthead {
    background-color: transparent;
    width: 100% !important;



    
    background: url("http://www.adil-kengen.nl/testlocatie/vantage/wp-content/background/Broadway-Worcestershire-England.jpg") no-repeat bottom center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

    

}

header#masthead .hgroup {
    max-width: 100% !important;
    width: 2000px !important;
    margin:0 !important;
}


header#masthead .hgroup h1 {
    text-align: center !important;
    }

header#masthead .hgroup a {
    float: none !important;
}
    
    
header#masthead .hgroup .site-title {
    display: none !important;
    font-family: 'Yomogi' !important;
    /*font-family: 'Ubuntu' !important;*/
    font-weight: normal !important;
    text-shadow: 2px 2px 4px #000000;
    font-size: 50px;
    color:#0E780E;
    letter-spacing: 0.1em;
    z-index: 1000;

}



h1.entry-title {
    display:none !important;
}




.site-main, .entry-content {
    background-color: transparent !important;
    margin-top: 0px;
}

body, #page-wrapper {
    background-color: transparent !important;
}

.site-content-contain {
    background-color: transparent;
}

.site-main .panel-grid-cell {
    background-color: transparent;
}


.site-content, .content-area, .entry-main, .entry-content {
    background-color: transparant !important;

}






/* Panel Structure 
-------------------------------------------------------------------- */



/*body:not(.home) .panel-layout */
.panel-layout{
    position: relative;
    top:-30px;
}


.panel-first-child {
    margin-top: 0px !important;
}

.panel-grid {
    margin-top: 17px !important;
    margin-bottom: 17px !important;
}


/*
.panel-grid-cell .textwidget,
.panel-grid-cell .widget_media_image,
.panel-grid-cell .sow-image-container,
.panel-grid-cell .custom-html-widget,
.panel-grid-cell .widget_tag_cloud
*/

body:not(.home) .panel-grid-cell .so-panel 
{
    background: rgb(255,255,255,0.75) !important;
    border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    padding: 18px !important;
    border: #ccc thin dotted;
    margin-top: 17px !important;
    margin-bottom: 17px !important;
}

.panel-grid-cell .textwidget
{
padding-bottom: 0px !important;
margin-bottom: 0px !important;

}


.searchbar {
    background: rgb(255,255,255,0.75) !important;
    padding: 0px !important;  
}

.searchbar {
    margin: 0px !important;
    padding: 0px !important;  
}


/* =wp-caption
------------------------------------------------------------- */


.wp-caption {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    margin:0 !important;
    padding: 0 !important;
    border: none !important;
  }




.wp-caption-text {
    text-align: center !important;
    font-size: 14px;
    /*white-space: nowrap;*/
    color: #3d83c8;
}


ul.childpages {
    padding:0 !important;
    margin:0 !important;
}

ul.childpages li {
    background: rgb(255,255,255,0.75) !important;
    list-style: none !important;
    list-style-type: none !important;
    border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    padding: 12px;
    margin:10px;
    display: inline-block;

}

ul.childpages li a {
    color: #3d83c8;
    font-size: 15px;
    text-decoration: none;
}
ul.childpages li a:hover {
    color: blue;
}

.childpages img {
    width: 250px;
}


.widget-childpages .textwidget {
    background-color: transparent !important;
    border: transparent !important;
}

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


#colophon
{
    /*margin-top: 0px !important;
    border: 0  !important;
    padding:0 !important;
    font-family: 'Ubuntu';
    line-height: 1.5em !important;*/
    min-height: 200px !important;
    background: transparent!important;
    color: #333;
}


.site-footer {
    margin-top: 50px;
    border-top: green 6px dotted;
}

.site-footer ul {
    list-style-type: disc !important;
}

#theme-attribution {
    display: none;
}




.search-results .site-content,
.search-no-results .site-content {
    background: rgb(255,255,255,0.75) !important;
    border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    padding: 20px !important;
    max-width: 91% !important;
    width: 600px;
}

.search-no-results  .searchform .field {
    width: 100% !important;
}



.search-results .type-page {
    border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    padding: 20px 20px 10px 20px !important;
    max-width: 100% !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    position: relative !important;
    top:-20px !important;
    border: green thin dotted !important;
}


.search-results .addtoany_share_save_container {
    display: none !important;
}


.search-results .page-header {
    margin-bottom: 55px;;
}


.search-results .entry-header {
    /*border: red thin dotted;*/
    margin-bottom:0px !important;
}


.search-results .entry-summary {
    margin-top: 0px !important;
    max-width: 600px !important;
}




.search-results .entry-thumbnail img {
    width:600px;
}

@media (min-width: 900px) {
    .site-content {
        min-height: 500px;
    }
}

@media (max-width: 1080px) {
 
    .panel-layout{
        position: relative;
        top: 0px;
    }

    .site-main {
        padding-top: 15px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

        
}

@media (max-width: 780px) {


    .site-main img, .site-footer img, .childpages img {
        width: 100% !important;
    }
    #header-sidebar img {
        margin-top: 240px !important;
    }

    body:not(.home) .panel-grid-cell {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        /*border: red thin dotted;*/
    
    }

    body:not(.home) .panel-grid-cell .so-panel {
        margin-top: 0px !important;
        margin-bottom: 17px !important;
    }
}



  

/* =Basic structure
------------------------------------------------------------- */

/* =With Sidebar
------------------------------------------------------------- */

/* =Full Width
------------------------------------------------------------- */

/* Sidebars 
-------------------------------------------------------------- */

/* Page structure
-------------------------------------------------------------- */

img {
    -moz-border-radius: 3px;
    border-radius: 3px;
}

img.alignleft {
    margin: 10px 15px 10px 0;
    max-width: 100% !important;
}

img.alignright {
    margin: 10px 0 10px 15px;
    max-width: 100% !important;
}

img.aligncenter {
    max-width: 100% !important;
}

img.alignnone {
    max-width: 100% !important;
}


#masthead-widgets img {
    margin: 0px !important;
    padding: 0px !important;


}



/* http://www.tipue.com/blog/background-zoom-rotate/ */

.outer-div {
     overflow: hidden; 
     margin-bottom: 12px;
 }

img.imgzoom {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

img.imgzoom:hover{
    transform: scale(0.9) ;
    /*transform: scale(1.3) rotate(3deg);*/
    /*opacity: 0.70 !important;
    filter: alpha(opacity=70) !important;*/
}

img.imghover:over {
    border: medium solid #C0C0C0 !important;
}

.entry-content img.alignleft, 
.entry-content .wp-caption.alignleft {
    margin-left: 0px !important;
}

.entry-content img.alignright, 
.entry-content .wp-caption.alignright {
    margin-right: 0px !important;
}

.entry-content ul {
    position: relative !important;
    top: -5px !important;
    list-style-type: disc;
    margin: 0;
    padding: 0;
    padding-left: 5px;
}

.entry-content a, .entry-content a:hover {
    color: #0066FF;
}

#content p {
    margin-bottom: 0.5em !important;
}

#content ul, #content ol, #content dd, #content pre, #content hr {
    margin-bottom: 12px;
    margin-top: 18px;
}

#content ul ul, #content ol ol, #content ul ol, #content ol ul {
    margin-bottom: 0;
}

.entry-content {
    margin-top: 0px !important;
    padding-top: 0px !important;
}



/* -------------------------------------------------------------- */

.entry-meta {
    display: none;
}

.post-date {
    display: block !important;
    color: #FF3300;
}

.comment-body {
    margin-top: 0px !important;
}







.site-content h1, 
.site-content h2, 
.site-content h3 
{
    font-family: Ubuntu, "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-variant: normal !important;
    font-weight: bold !important;
    text-transform: none  !important;
    letter-spacing: normal !important;
    line-height: 1.3em !important;
}


.site-content h2 {
    color: #666 !important;    
    font-size: 20px !important;
    margin-top: 0px !important;
    margin-bottom: 15px !important;
    }
    
.site-content h3 {
    color: #666 !important;  
    text-transform: capitalize !important;  
    font-size: 18px !important;
    margin-top: 0px !important;
    margin-bottom: 0.6em !important;
}



.site-content h1,
h2.widget-title {
    /*font-family: 'Architects Daughter' !important;*/
    color: green !important;
    font-size: 32px !important;
    margin-top: 0.0em !important;
    margin-bottom: 0.50em !important;
}

#colophon h2.widget-title {
    color: green !important;
    margin-bottom: 14px !important;
    font-size: 26px !important;
    }


/*
---------------------------------------------------------------------------- */



.entry-title a {
    color: #248cc8 !important;
    margin-bottom: 15px !important;
}

.entry-title a:hover {
    color: #248cc8 !important;
    text-decoration: underline !important;
}

.widget_recent_entries a:hover {
    color: #248cc8 !important;
    text-decoration: underline !important;
}



body:not(.search-results) .category-locaties .entry-title {
    display: none !important;
}




/* Main content and comment content
-------------------------------------------------------------- */








/* Navigation Top Menu 
-------------------------------------------------------------- */



.site-navigation  {
    text-align: right;
    top: 0px !important;
    background-color: #138c13 !important;
}

#search-icon {
    display: none !important;
    height: 0px !important;
}




.main-navigation ul li:hover > a,
.main-navigation ul li.focus > a {
    background-color: transparent !important;    
}

.site-navigation ul.children {
    background-color: transparent;    
}

.site-navigation .menu ul {
    text-align: right !important;
}



.site-navigation .menu li a {
    background-color: transparent;
    color: white;
    font-size: 18px !important;    
    font-weight: normal !important;    
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;

}


.site-navigation .menu li a:hover {
    background-color: transparent !important;
    color:#000 !important;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}



.site-navigation .menu li a:active,
.site-navigation .menu li a:visited
{
    background-color: transparent !important;
}




.site-navigation .menu .current-menu-item>a,
.site-navigation .menu .current-menu-ancestor>a, 
.site-navigation .menu .current_page_item>a, 
.site-navigation .menu .current_page_ancestor>a {
    color: #ccc !important;
}




ul.menu ul a, .menu ul ul a {
    width: 350px !important;
    white-space: nowrap;
}





/* https://siteorigin.com/thread/vantage-premium-responsive-menu-style/ */


.mobile-nav-frame ul  {
    margin-right: 25px !important;
}


.mobilenav-main-link,
.mobile-nav-frame .title h3,
.mobile-nav-frame ul li a,
.mobile-nav-frame .close,
.mobile-nav-frame .back {
    text-shadow: none !important;
}



.mobile-nav-frame .title h3,
.mobile-nav-frame .close,
.mobile-nav-frame .back {
    color: #000 !important;
}


.mobile-nav-frame form.search {
    display: none !important;
}

.mobile-nav-frame {
    background: rgba(225,225,225,0.5) !important;
}
    
.mobilenav-main-link {
    font-size: 16px !important;    
    font-weight: normal !important;        
    color:black !important;
}

.mobile-nav-frame ul {
    background: #fff !important;
    border: 1px solid #111 !important;
}

.mobile-nav-frame ul li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.25) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
}


.mobile-nav-frame ul li a {
    color: #000 !important;
}


.mobile-nav-frame .current-menu-item>a,
.mobile-nav-frame .current-menu-ancestor>a, 
.mobile-nav-frame .current_page_item>a, 
.mobile-nav-frame .current_page_ancestor>a {
    color: #0000a0 !important;
}





.page-id-2 table {
    border: 0;
    background-color: #F0F0F0 !important;
    padding:15px;
    }
    
    .page-id-2 table tr:first-child td
    {
        padding-top: 15px !important;
    }
    
    .page-id-2 table tr:last-child td
    {
        padding-bottom: 15px !important;
    }
    
    .page-id-2 table tr td:first-child {
        padding-left: 15px;
    }
        
    .page-id-2 table tr td:last-child {
        padding-right: 15px;
    }
    
    
    .page-id-2 table tr td:first-child {
    text-align: right;
    padding-right: 15px;
    font-weight: bold;
    }
    
    
    


/* all-in-one-event-calendar wordpress plugin
--------------------------------------------------------- */


.ai1ec-main-container  {
border: none !important;
box-shadow: none  !important;
}

.ai1ec-main-container .ai1ec-calendar-title,
.ai1ec-main-container .ai1ec-clearfix,
.ai1ec-main-container .ai1ec-minical-trigger,
.ai1ec-main-container .ai1ec-prev-page,
.ai1ec-main-container .ai1ec-next-page,
.ai1ec-main-container #ai1ec-print-button,
.ai1ec-main-container #ai1ec-agenda-expand-all,
.ai1ec-main-container #ai1ec-agenda-collapse-all,
.ai1ec-main-container .ai1ec-event-description,
.ai1ec-main-container .ai1ec-subscribe-dropdown {
    display: none !Important;
}

.ai1ec-main-container .ai1ec-event-title {
    color: #dd1c97 !important;
}

.ai1ec-main-container .ai1ec-month {
    background:  #dd1c97 !important;
}

/*Verbied klikken op datumlabel 
-----------------------------------------------------*/

.ai1ec-main-container  a.ai1ec-load-view {
    pointer-events: none !Important;
    cursor: default !Important;
    text-decoration: none;
  }


  .single-nav-wrapper {
    display:none !important;
}


/* = Contact Form 7 
-------------------------------------------------------------- */

.wpcf7-form-control {
    /*font-family: "Source Sans Pro" , Helvetica, sans-serif;*/
    background-color: #F0F0F0 !important;
    border: 1px solid #900 !important;
    -moz-border-radius: 6px;
    border-radius: 6px;
    width: 100% !important;
    max-width: 500px !important;
    font-size: 16px !important;
    font-weight: normal !important;
}

.wpcf7-text {
    height: 30px;
    padding-left: 6px !important;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

.wpcf7-select {
    height: 28px;
    padding-left: 4px !important;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

.wpcf7-radio {
    border: 0 !important;
    background: transparant !important;
}

.wpcf7-submit {
    width: 100% !important;
    max-width: 500px !important;
    text-align: center !important;
    padding: 1px auto 1px auto !important;
    color: #000 !important;
}

.wpcf7-textarea {
    padding-left: 4px !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.wpcf7-not-valid-tip {
    margin: 2px 5px 2px 5px !important;
    border: 0 !important;
    font-size: 15px !important;
    line-height: 1.3em !important;
    color: Red;
}

.wpcf7-response-output {
    border: 1px solid #aaa !important;
    margin: 2px 5px 2px 5px !important;
    -moz-border-radius: 6px !important;
    border-radius: 6px !important;
}

/* FadeIn_CSS
-------------------------------------------------------------- */

#FadeIn_CSS, #FadeIn_CSS a:hover {
    font-size: 50px;
    font-family: 'Source Sans Pro', Helvetica, 'sans-serif !important';
    text-align: center;
    margin: 50px 0px 50px 0px;
    text-decoration: none;
}

/* Share Add toany
-------------------------------------------------------------- */

.addtoany_share_save_container {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
    float: left;
    width: 100%;
}

.addtoany_no_icon, .addtoany_no_icon a, .addtoany_no_icon a:hover {
    color: #d00 !important;
}

.a2a_dd {
    font-size: 16px !important
}

/* Maichimp formulieren
-------------------------------------------------------------- */

.yikes-easy-mc-form-1 {
    max-width: 400px;
    margin-top: 25px;
    max-width: 300px !important;
}

.yikes-easy-mc-form-1 .field-no-label {
    height: 25px !important;
    vertical-align: middle !important;
}

.ebooktop {
    position: relative;
    top: 0px;
}


/* Site Origin Stuff
--------------------------------------------------------------
https://siteorigin.com/thread/use-shortcodes-with-button-pb/
*/

/* Custom Button */

.custom-white-button {
    display: inline-block;
    padding: 10px 45px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #7B7B7B;
    font-size: 0.875em;
    font-family: inherit;
    font-weight: 500;
    text-decoration: none;
    text-shadow: 0 1px 0 #FFFFFF;
    text-align: center;
    -webkit-box-shadow: inset 0 1px 0 #FFFFFF, 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 0 #FFFFFF, 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 0 #FFFFFF, 0 1px 2px rgba(0, 0, 0, 0.1);
    background: #F5F5F5;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #EBEBEB), color-stop(1, #FFFFFF));
    background: -ms-linear-gradient(bottom, #EBEBEB, #FFFFFF);
    background: -moz-linear-gradient(center bottom, #EBEBEB 0%, #FFFFFF 100%);
    background: -o-linear-gradient(#FFFFFF, #EBEBEB);
    border-top: solid 1px #CDCDCD;
    border-left: solid 1px #C2C2C2;
    border-right: solid 1px #C2C2C2;
    border-bottom: solid 1px #B7B7B7;
    min-width: 202px;
}

.custom-white-button:hover {
    background: #FAFAFA;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #F0F0F0), color-stop(1, #FFFFFF));
    background: -ms-linear-gradient(bottom, #F0F0F0, #FFFFFF);
    background: -moz-linear-gradient(center bottom, #F0F0F0 0%, #FFFFFF 100%);
    background: -o-linear-gradient(#FFFFFF, #F0F0F0);
    border-top: solid 1px #D2D2D2;
    border-left: solid 1px #C7C7C7;
    border-right: solid 1px #C7C7C7;
    border-bottom: solid 1px #BCBCBC;
}