/*
 Theme Name:   Made I.T. - TrouwFotograaf
 Theme URI:    https://www.madeit.be
 Description:  Made I.T. TrouwFotograaf child theme of Made I.T.
 Author:       Made I.T.
 Author URI:   https://www.madeit.be
 Template:     madeit
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  trouwfotograaf
*/

@font-face {
	font-family: RioGlamour;
	src: url('/wp-content/themes/trouwfotograaf/fonts/rio_glamour.eot'); /* IE9 Compat Modes */
  	src: url('/wp-content/themes/trouwfotograaf/fonts/rio_glamour.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/trouwfotograaf/fonts/rio_glamour.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/trouwfotograaf/fonts/rio_glamour.woff') format('woff'), /* Pretty Modern Browsers */
       url('/wp-content/themes/trouwfotograaf/fonts/rio_glamour.ttf')  format('truetype'); /* Safari, Android, iOS */
}
@font-face {
	font-family: Bariol;
	src: url('/wp-content/themes/trouwfotograaf/fonts/ariol_regular-webfont.eot'); /* IE9 Compat Modes */
  	src: url('/wp-content/themes/trouwfotograaf/fonts/bariol_regular-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/trouwfotograaf/fonts/bariol_regular-webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/trouwfotograaf/fonts/bariol_regular-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('/wp-content/themes/trouwfotograaf/fonts/bariol_regular-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/trouwfotograaf/fonts/bariol_regular-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

body {
    font-family: "Work sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
	overflow-x: hidden;
	width: 100%;
	overflow-y: auto;
	background-color: #f5f7f9;
}

#colophon {
    background: #43938e;
}
#colophon, #colophon a {
    color: #FFF !important;
}

.flex-grow {
    margin-top: 50px;
}
.madeit-front-page .flex-grow {
    margin-top: 0;
}

.rio-glamour {
    font-family: "RioGlamour", "Bariol", "Work sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.bariol {
	font-family: "Bariol", "Work sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.entry-header {
    display: none;
}

.grecaptcha-badge {
    display: none;
}

/* Homepage header */
.home-container {
    position: relative;
    width: 100%;
    padding: 60px 30px;
    color: #ffffff;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
	background-image: url(/wp-content/themes/trouwfotograaf/trouwfotograaf.jpg);
    display: table;
    height: 50vh;
    min-height: 250px;
    max-height: 750px;
}
@media (min-width: 1200px) {
	.home-container .container {
		width: 1030px;
	}
}
@media (min-width: 1500px) {
	.home-container .container {
		width: 1200px;
	}
}
@media (min-width: 1700px) {
	.home-container .container {
		width: 1400px;
	}
}
@media (min-width: 1700px) {
	.home-container .container {
		width: 1580px;
	}
}


.home-container h1 {
    font-size: 30px;
    margin-top: 30px;
}
.navbar-brand {
    font-size: 20px !important;
}
ul.word-scroll li {
	font-size: 18px;
}
@media (min-width: 576px) {
    .home-container h1 {
        font-size: 30px;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .home-container h1 {
        font-size: 30px;
    }
    ul.word-scroll li {
        font-size: 22px;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .home-container h1 {
        font-size: 50px;
        margin-top: 0px;
    }
    
    ul.word-scroll li {
        font-size: 25px;
    }
    .navbar-brand {
        font-size: 50px;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}



/* NAVBAR */
.navbar a:hover, .navbar a {
    color: #000;
    font-weight: 100;
}

.navbar-transparant.navbar a, .navbar-transparant.navbar a:hover {
    color: #FFF;
}
.navbar.fixed-top {
    font-family: "RioGlamour", "Work sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    letter-spacing: .05em;
    margin-bottom: 21px;
    border: 1px solid transparent;
    padding-top: 30px !important;
    border-width: 0 0 1px;
    background-color: #FFF;
    border-color: transparent;
    color: #43938e;
}
@media (min-width: 768px) {
    .navbar.fixed-top {
        padding-top: 20px;
        padding-bottom: 20px;
        border-radius: 0;
    }
}

.navbar-transparant {
    background-color: transparent !important;
    border-color: transparent !important;
    color: #FFF !important;
}
.navbar-transparant .dropdown-menu a {
	color: #43938e;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #fff;
    background-color: #43938e;
}
.navbar .dropdown-menu {
    min-width: 15rem;
}

.navbar.fixed-top .navbar-nav > .active > a, .navbar.fixed-top .navbar-nav > .active > a:hover, .navbar.fixed-top .navbar-nav > .active > a:focus {
    background: #43938e;
	color: #fff !important;
}
.navbar.fixed-top .navbar-nav > .active {
	border-bottom: 5px solid #43938e;
}
.navbar.fixed-top .navbar-nav > li > a {
	color: #43938e !important;
}
.navbar.fixed-top .navbar-nav > li > a:hover, .navbar.fixed-top .navbar-nav > li > a:focus {
	color: #43938e;
}

@media (max-width: 767px) {
    .navbar.fixed-top .navbar-nav .show .dropdown-menu > li > a {
        color: #43938e !important;
    }
    .navbar-transparant .navbar-nav .show .dropdown-menu > li > a {
        color: #43938e;
        text-shadow: -1px 0 #43938e;
    }
}

/*
.navbar-transparant .navbar-nav > .active > a, .navbar-transparant .navbar-nav > .active > a:hover, .navbar-transparant .navbar-nav > .active > a:focus {
    background: none !important;
	color: #FFF !important;
}
.navbar-transparant .navbar-nav > .active {
	border-bottom: 5px solid #FFF !important;
}
.navbar-transparant .navbar-nav > li > a {
	color: #FFF !important;
}*/

@media (max-width: 767px) {
    /*.navbar-transparant .navbar-nav > li > a {
        color: #43938e !important;
    }
    .navbar-transparant.navbar.fixed-top .navbar-nav > .active > a, 
    .navbar-transparant.navbar.fixed-top .navbar-nav > .active > a:hover, 
    .navbar-transparant.navbar.fixed-top .navbar-nav > .active > a:focus {
        background: #43938e !important;
        color: #FFF !important;
    }*/
	.navbar-nav {
        background: rgba(255,255,255,1);
    	text-align: center;
    	margin-top: 0;
	}
	/*.navbar-transparant .navbar-nav > .active {
    	border-bottom: 2px solid #43938e !important;
	}
	.navbar.fixed-top .navbar-nav>.active {
    	border-bottom: 2px solid #43938e;
	}
	.navbar.fixed-top .navbar-nav>.active {
    	border-bottom: 2px solid #43938e;
	}*/
}

@media (min-width: 768px) {
    .navbar.fixed-top {
        padding-top: 20px;
        padding-bottom: 20px;
        border-radius: 0;
    }
}

.bg-primary {
	color: #FFF;
}

/* Home word scroll */
ul.word-scroll {
	display: inline-block;
	list-style: none;
	margin: 0; padding: 0;
}
ul.word-scroll li {
	display: inline;
	display: none;
	margin: 0; padding: 0;
}
ul.word-scroll li:first-child, ul.word-scroll li:first-child span {
	display: inline-block;
}
ul.word-scroll li::first-letter, ul.word-scroll li span::first-letter {
	color: #43938e !important;
}
.bg-primary ul.word-scroll li::first-letter, .bg-primary ul.word-scroll li span::first-letter {
	color: #FFF !important;
}

.first-letter span {
	display:inline-block;
}
.first-letter::first-letter, .first-letter span::first-letter {
	color: #43938e !important;
}

.bg-primary .text-primary {
    color: #FFF;
}

@media (min-width: 992px) {
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 2.5rem;
        padding-left: 2.5rem;
    }
}

.updated-on, .byline {
    display: none;
}

.navbar.fixed-top {
    padding-bottom: 0;
}

.navbar-transparant #top-menu {
    background: white;
}