/*
Theme Name: Kids Child
Theme URI: http://cmsmasters.net/kids-child/
Author: cmsmasters
Author URI: http://cmsmasters.net/
Description: Kids Child Theme
Template: kids
Version: 1.0.0
License:
License URI:
Text Domain: kids-child
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
*/

/* MOBIL */

/* fekvő nézet */

@media all and (max-width: 667px) {

	.aupairtkeresekmain {
		background-size: cover !important;
	}

	.infoboxmain,
	.infoboxsidebar {
		width: 100%;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.aupairusamain {
		width: 100%;
		background-size: cover;
		background-position: center center;
	}

	.aupairusasidebar {
		width: 100%;
		background-size: cover;
		background-position: center 70%;
	}

	header.frontpage-header span a {
		font-size: 20px !important;
	}
/*
	section.frontpage-select .half.left {
		background-position-y: 60px !important;
	}

	section.frontpage-select .half.right {
		background-position-y: 60px !important;
	}
*/
	
	.frontpage-header {
		display: flex;
		flex-direction: column;
	}
}

/* --- */


@media all and (max-width: 767px) {
.cmsmasters_heading .cmsmasters_heading a {
    line-height: 1.2 !important;
}
}

@media all and (max-width: 1024px) {
.sub-menu {
    display: block !important;
}
}

@media all and (min-width: 1024px) and (max-width: 1440px) {
.logo_wrap {
    width: 180px !important;
}
ul.navigation > li > a {
    font-size: 15px !important;
}
}

/*
@media all and (max-width: 767px) and (max-height: 745px) and (orientation: landscape) {
    html {
        background: #333 url("https://s30.postimg.org/rombh5b9t/notokay.gif") center center no-repeat !important;
        transform: none !important;
        width: 100vw !important;
        height: 100vh !important;
        position: fixed !important;
        left: 0 !important;
        top: 0 !important;
    }
    html * {
        opacity: 0 !important;
    }
}
*/

html {
    width: 100% !important;
    transform: none !important;
}
@media all and (max-width: 767px) and (max-height: 745px) and (orientation: landscape) {
    header .bigonly {
        font-size: 20px;
    }
}

/* ----- MOBIL ----- */

a.mobile-link {
    font-family: 'Londrina Solid' !important;
    font-size: 24px;
    color: #dc911b;
}


/* ----- CHOOSER ----- */

body .page-id-9060 {
    overflow: hidden !important;
}

.header_mid:before,
.header_mid:after,
.header_bot:before,
.header_bot:after,
.footer_bottom:before,
.footer_bottom:after {
    display: none !important;
}

.fade {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}

.fade:hover {
    opacity: 0.5;
}



/* ----- ORSZÁGOK ----- */

.navigation li > .menu-item-mega-container a:hover, .navigation .cmsmasters_resp_nav_toggle > a {
    background-color: transparent !important;
}

.sub-menu .nav_title {
    padding: 0 0 0 10px;
}

.menuicon {
    background-repeat: no-repeat;
    background-position: left;
    background-size: 24px 24px;
    background-position: 0 5px;
}

.ausztria {
    background-image: url('/http/aupairhungary.hu/wp-content/uploads/2016/12/austria.png');
}

.belgium {
    background-image: url('/http/aupairhungary.hu/wp-content/uploads/2016/12/belgium.png');
}

.anglia {
    background-image: url('/http/aupairhungary.hu/wp-content/uploads/2016/12/anglia.png');
}

.franciaorszag {
    background-image: url('/http/aupairhungary.hu/wp-content/uploads/2016/12/franciaorszag.png');
}

.hollandia {
    background-image: url('/http/aupairhungary.hu/wp-content/uploads/2016/12/hollandia.png');
}

.irorszag {
    background-image: url('/http/aupairhungary.hu/wp-content/uploads/2016/12/irorszag.png');
}

.nemetorszag {
    background-image: url('/http/aupairhungary.hu/wp-content/uploads/2016/12/nemetorszag.png');
}

.norvegia {
    background-image: url('/http/aupairhungary.hu/wp-content/uploads/2016/12/norvegia.png');
}

.olaszorszag {
    background-image: url('/http/aupairhungary.hu/wp-content/uploads/2016/12/olaszorszag.png');
}

.spanyolorszag {
    background-image: url('/http/aupairhungary.hu/wp-content/uploads/2016/12/spanyolorszag.png');
}

.svajc {
    background-image: url('/http/aupairhungary.hu/wp-content/uploads/2016/12/svajc.png');
}

.svedorszag {
    background-image: url('/http/aupairhungary.hu/wp-content/uploads/2016/12/svedorszag.png');
}

.usa {
    background-image: url('/http/aupairhungary.hu/wp-content/uploads/2016/12/usa.png');
}

.dania {
    background-image: url('/http/aupairhungary.hu/wp-content/uploads/2017/03/dania.png');
}

/* ----- CHOOSER NYITÓLAP ----- */

.page-template-fullscreen-php #navigation {
    display: none;
}

#aupairleszek {
    margin: 0;
    padding: 0;
    height: 1080px;
    width: 500px;
    float: left;
    background-image: url('/http/aupairhungary.hu/wp-content/uploads/2016/12/aupairleszek.jpg');
    background-size: cover;
    vertical-align: middle;
}

.bgdark {
    background-color: #000;
}


/* ----- TOP BAR ----- */

.maintitle h3 {
    color: #fff;
    padding: 4px 0 0 0;
}

.regbtn {
    background-color: #dc911b;
    padding: 4px 20px 4px;
}

.regbtn:hover {
    background-color: #f5d410;
    color: #dc911b !important;
}

.regbtn a:hover {
    color: #dc911b !important;
}



/* ----- MENÜ ----- */

.header_mid .logo_wrap .logo img {
    top: -15px;
}


.bot_nav > li > a, .mid_nav > li > a {
    padding: 0 15px;
}

ul.navigation li a:hover {
    color: #a2c037 !important;
}



/* ----- TÁJÉKOZTATÓT KÉREK ----- */

#form_9024,
#form_12176,
#form_12198 {
    padding: 50px;
}



/* ----- FŐOLDAL: KERESS MINKET! ----- */

/* AU PAIRT KERESEL? */

.aupairtkeresekmain {
    background-image: url('/http/aupairhungary.hu/wp-content/uploads/2016/12/aupairtkeresek-main.png');
    background-repeat: no-repeat;
    background-position: cover !important;
    height: 360px;
    position: relative;
    text-align: center !important;
}

.aupairtkeresekmain .cmsmasters_button {
    display: inline-block;
    margin-top: 276px;
    color: #fff;
}

.aupairtkeresekmain h1 {
    color: #fff;
    text-align: center !important;
    position: absolute;
    bottom: 90px;
    width: 100%;
}



/* AU PAIR USA */

.aupairusamain {
    background-image: url('/http/aupairhungary.hu/wp-content/uploads/2016/12/aupairusa-main-bg.png');
    background-repeat: no-repeat;
    height: 360px;
}

.apusalogo {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 40%;
}

.aupairusamain .cmsmasters_button {
    float: right;
    margin: 0 30px 30px 0;
    position: absolute;
    bottom: 0;
    right: 0;
}


/* INFORMÁCIÓ */

.infoboxmain {
    background-image: url('/http/aupairhungary.hu/wp-content/uploads/2016/11/infobox-bg.png');
    height: 360px;
    position: relative;
    text-align: center;
}

.infoboxmain .cmsmasters_button {
    display: inline-block;
    margin-top: 276px;
    color: #fff;
}

.infoboxtext h1 {
    color: #fff;
    text-align: center !important;
    position: absolute;
    bottom: 90px;
    width: 100%;
}



/* ----- FŐOLDAL: KÉRDÉSED VAN? ----- */

.cmsmasters_button {
    background: #a2c037 !important;
}

.cmsmasters_button:hover {
    background: #f5d410 !important;
}


/* ----- FOOTER ----- */

.cmsmasters_footer_default .footer_inner {
    padding: 70px 40px 40px 40px;
}

.footer_bottom_inner {
    padding-top: 5px;
}

.footer_bottom_inner {
    text-align: center !important;
}



/* ----- GYIK ----- */

.cmsmasters_toggles.toggles_mode_toggle .cmsmasters_toggle_title a {
    font-family: 'Source Sans Pro';
    font-weight: 600;
    font-size: 18px;
    color: #434a54;
}

.cmsmasters_toggles.toggles_mode_toggle .cmsmasters_toggle_title a:hover {
    color: #434a54;
}

.cmsmasters_toggles.toggles_mode_toggle p, li {
    color: #434a54;
}

.cmsmasters_toggles .cmsmasters_toggle_plus span {
        background-color: #434a54 !important;
}

.toggles_mode_toggle .cmsmasters_toggle_wrap {
    background-color: #efefef !important;
}

div#faquestion.cmsmasters_row_outer_parent {
    padding: 30px;
}

input#cmsmasters_neved_2,
input#cmsmasters_e_mail_cmed,
textarea#cmsmasters_krdsed {
    width: 100%;
}



/* ----- KAPCSOLAT ----- */

.icon_box_inner {
     text-align: center;
}



/* ----- ÉLMÉNYBESZÁMOLÓK ----- */

.cmsmasters_archive_type .cmsmasters_archive_item_type {
    display: none;
}

h2.cmsmasters_post_title.entry-title,
h2.cmsmasters_slider_post_title a,
h2.cmsmasters_archive_item_title.entry-title a,
h2.cmsmasters_post_title.entry-title a,
.cmsmasters_lpr_tabs_cont a {
    font-family: 'Source Sans Pro' !important;
    font-weight: 600 !important;
}

.about_author,
#respond {
    display: none;
}

.full-width.wp-post-image {
    object-fit: cover;
}


/* ----- SIDEBAR ----- */

.infoboxsidebar {
    background-image: url('/http/aupairhungary.hu/wp-content/uploads/2016/12/info-sidebar.png');
    height: 260px;
    width: 260;
    background-repeat: no-repeat;
    position: relative;
    text-align: center;
}

.infoboxsidebar .cmsmasters_button {
    display: inline-block;
    margin-top: 176px;
}

.infoboxsidebar h2 {
    color: #fff;
    text-align: center;
    position: absolute;
    bottom: 70px;
    padding: 10px;
    width: 100%;
}

.aupairusasidebar {
    background-image: url('/http/aupairhungary.hu/wp-content/uploads/2016/12/aupairusa-sidebar-bg.png');
    height: 360px;
    width: 260;
    background-repeat: no-repeat;
    position: relative;
    text-align: center;
}

.aupairusasidebar .cmsmasters_button {
    display: inline-block;
    margin-top: 276px;
}

.widget_nav_menu .menu > li > a {
    padding: 7px 20px;
}

.lng-select {
    width: 52px;
    height: 52px;
    background: #FFF;
    position: absolute;
	top: -10px;
    right: 10px;
    z-index: 10001;
	padding-top: 42px;
}
.lng-select .lng-flag {
    width: 48px;
    height: 48px;
    margin: 2px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.lng-select .lng-flag.en {
    background-image: url("http://aupairhungary.hu/wp-content/uploads/2016/12/en.png");
}
.lng-select .lng-flag.hu {
    background-image: url("http://aupairhungary.hu/wp-content/uploads/2016/12/hu.png");
}
@media all and (orientation: portrait) {
    .lng-select {
        top: 0;
    }
}


/* ----- AU PAIRJEINK ----- */

#cmsmasters_row_586e593956870 .cmsmasters_row_outer_parent {
    padding-top: 0px !important;
}

/* FORM */

.tajekoztato-box .cmsmasters-form-builder .form_info.cmsmasters_input label {
    position: relative;
    color: #454a4c;
}

.tajekoztato-box .cmsmasters_contact_form textarea:focus, .cmsmasters_contact_form input:not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]):focus {
    background: #fff !important;
}

.tajekoztato-box .cmsmasters-form-builder .form_info.cmsmasters_input.area_opened label {
    opacity: 1;
}

#form_12198 {
    padding-top: 0px;
}

#form_9024, #form_12176, #form_12198 {
    padding: 0 50px 50px 50px;
}



/**************************************************************/
/* VÁLASZTÓOLDAL
/**************************************************************/

html { box-sizing: border-box !important; }
body {
   /* height: 100vh;*/
    margin: 0;
    padding: 0;
    /*overflow: hidden;*/
}
header.frontpage-header {
    width: 100%;
    height: 114px;
    background: #FFF;
    margin: 0;
    padding: 0;
    position: fixed;
    z-index: 100;
	display: flex;
	justify-content: center;
	align-items: center;
}
body.home.page-id-14668 br, body.home.page-id-14669 br, 
body.home.page-id-14668 p, body.home.page-id-14669 p {
    display: none;
}
header.frontpage-header span {
    width: 33%;
    height: 114px;
    margin: 0;
    padding: 42px 0 0 0;
    text-align: center;
    float: left;
}
header.frontpage-header span.bigonly {
    display: inline-block;
}
header.frontpage-header span.smallonly {
    display: none;
}
header.frontpage-header span a {
    font-family: "Londrina Solid";
    font-weight: 400;
    font-size: 30px;
    color: rgb(220, 145, 27);
}
header.frontpage-header span.logo {
    width: 34%;
    padding: 0;
    background: url("http://aupairhungary.hu/wp-content/uploads/2016/11/aupairhungary-logo-2x.png") center center no-repeat;
    background-size: 60%;
}
section.frontpage-select {
    width: 100%;
    height: 100vh;
}
section.frontpage-select .half {
    width: 50%;
    height: 100%;
    margin: 0;
    padding: 0;
    float: left;
    cursor: pointer;
}
section.frontpage-select .half:hover {
    opacity: 0.5;
}
section.frontpage-select .half.left {
    background: url("http://aupairhungary.hu/wp-content/uploads/2016/12/leszek.jpg") top right no-repeat;
    background-size: cover;
}
section.frontpage-select .half.right {
    background: url("http://aupairhungary.hu/wp-content/uploads/2016/12/keresek.jpg") top left no-repeat;
    background-size: cover;
}
@media all and (orientation: portrait) {
    section.frontpage-select .half {
        width: 100%;
        height: 50%;
        height: calc(50% - 70px);
        background-position: center center;
    }
    section.frontpage-select .half.left {
        background: url("http://aupairhungary.hu/wp-content/uploads/2016/12/aupairleszek-tablet.jpg") bottom center no-repeat;
        background-size: cover;
    }
    section.frontpage-select .half.right {
        background: url("http://aupairhungary.hu/wp-content/uploads/2016/12/aupairtkeresek-tablet.jpg") bottom center no-repeat;
        background-size: cover;
    }
    header.frontpage-header {
        position: initial;
        height: 140px;
    }
    header.frontpage-header span.logo {
        width: 100%;
        height: 80px;
        float: left;
    }
    header.frontpage-header span:not(.logo) {
        width: 50%;
        height: 60px;
        padding: 5px 0 0 0;
    }
    header.frontpage-header span a {
        font-size: 18px;
    }
    header.frontpage-header span.bigonly {
        display: none;
    }
    header.frontpage-header span.smallonly {
        display: inline-block;
    }

i fa-envelope, fa-phone {
    color: rgb(220, 145, 27);
    font-size: 20px;
}

}

/**/

@media only screen and (min-width: 768px) {

	.third {
		width: calc( (100vw / 3) - 3px );
		display: inline-block;
		height: 100vh;
		position: relative;
		text-align: center;
	}

}

@media only screen and (max-width: 768px) {

	.third {
		width: 100vw;
		display: block;
		height: calc( (100vh - 140px) / 3);
		position: relative;
		text-align: center;
		background-position: center !important;
	}

}

@media only screen and (max-width: 600px) {

.third h1 {
	font-size: 7vw !important;
}

	.third.leszek,
	.third.keresek {
        background-position: center top -80px !important;
	}

	.third.letscamp {
    	background-position: center top -20px !important;
	}
	
	body.page-id-14668 header i {
    	display: none;
	}
	
}


.third h1 {
	color: #fff;
	font-size: 3vw;
	position: absolute;
	bottom: 4%;
	left: auto;
	z-index: 100;
	left: 50%;
    transform: translateX(-50%);
	line-height: 1.1;
}

.third:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+50,000000+100&0+50,1+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

.frontpage-select a:hover {
	opacity: .8;
	transition: opacity .3s;
}

.frontpage-select a {
	opacity: 1;
	transition: opacity .3s;
}

.third.leszek {
    background: url('/http/aupairhungary.hu/wp-content/uploads/2019/09/aupair_leszek.jpg') top center no-repeat;
    background-size: cover;
}

.third.keresek {
    background: url('/http/aupairhungary.hu/wp-content/uploads/2019/09/aupairt_keresek.jpg') top center no-repeat;
    background-size: cover;
}

.third.letscamp {
    background: url('/http/aupairhungary.hu/wp-content/uploads/2019/09/lets_camp.jpg') top 100px center no-repeat;
    background-size: cover;
}

body.page-id-14668, body.page-id-14669 {
	overflow: hidden;
}

html body.page-id-14668, html body.page-id-14669 {
    margin-top: 0 !important;
}