/*
 Theme Name:     Török Dóra
 Theme URI:      http://www.elegantthemes.com/gallery/foxy/
 Description:    weblapmester.hu
 Author:         Elegant Themes
 Author URI:     http://www.elegantthemes.com
 Template:       Divi
 Version:        3.0.X
*/

/*@import url("../Divi/style.css");*/

/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1405px) {

}

/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {

}

/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {

}

/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {

}

/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {

}

/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {

}

/* =Theme customization starts here
------------------------------------------------------- */

/* Kiemelt gomb a menuben */
/*** remove shadow on main header***/
#main-header {
    box-shadow: none;
}

/*** add shadow to fixed header ***/
@media (min-width: 981px) {
    #main-header.et-fixed-header {
        box-shadow: 0 0 30px rgba(7, 51, 84, 0.17) !important;
        -webkit-box-shadow: 0 0 30px rgba(7, 51, 84, 0.17) !important;
        -moz-box-shadow: 0 0 30px rgba(7, 51, 84, 0.17) !important;
    }
}
/*** adjust padding on menu ***/
.et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li > a {
    padding-bottom: 23px;
}
#top-menu li {
    padding: 0 10px !important;
}

.et_header_style_left #et-top-navigation {
    padding-top: 20px;
}

.et_header_style_left .et-fixed-header #et-top-navigation {
    padding-top: 10px;
}

/*** style the menu button ***/
.jointoday_button a {
    color: #f92c8b !important;
    line-height: 9px;
    font-weight: 600;
    padding: 13px 16px !important;
    text-transform: uppercase;
    font-size: 12px !important;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    display: block;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    border: 2px solid #f92c8b;
}

.jointoday_button a:hover {
    opacity: 1 !important;
    color: #fff !important;
    background-color: #f92c8b;
}

.et-fixed-header #top-menu .jointoday_button a:hover {
    background-color: #de20b3;
    border: 2px solid #de20b3;
    box-shadow: 0px 5px 20px #aab9c3;
    -moz-box-shadow: 0px 5px 20px #aab9c3;
    -webkit-box-shadow: 0px 5px 20px #aab9c3;
}

.et-fixed-header #top-menu .jointoday_button a {
    color: #fff !important;
    background-color: #f92c8b;
    box-shadow: 0px 5px 20px #d6dee4;
    -moz-box-shadow: 0px 5px 20px #d6dee4;
    -webkit-box-shadow: 0px 5px 20px #d6dee4;
    border: 2px solid #f92c8b;
}
.et-fixed-header.et_highlight_nav #top-menu .jointoday_button a {
    background-color: #2cc2e6;
    border: 2px solid #2cc2e6;
    animation: highlight-nav .8s ease;
    -webkit-animation: highlight-nav .8s ease;
}

#main-header.et-fixed-header.et_highlight_nav #top-menu .jointoday_button a:hover {
    background-color: #f92c8b;
    border: 2px solid #f92c8b;
    box-shadow: 0px 5px 20px #aab9c3;
    -moz-box-shadow: 0px 5px 20px #aab9c3;
    -webkit-box-shadow: 0px 5px 20px #aab9c3;
}

@-webkit-keyframes highlight-nav {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes highlight-nav {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

/*** style the mobile menu links and button ***/
@media (max-width: 980px) {
    .et_mobile_menu li {
        text-align: center;
    }

    .et_mobile_menu li a {
        border-bottom: none;
    }
    .et_mobile_menu li a:hover {
        background-color: transparent;}

    .jointoday_button a {
        border-bottom: 2px solid #f92c8b !important;
    }
}

/* Blog modul oszlopok szama 
* To make all this CSS apply we need to add a custom class to our blog module, so open up the module settings, click on the Custom CSS tab and in the CSS Class field add a class of ds-blog-square then save & exit.
* Open up the row settings, click on the custom CSS tab and give it a Column CSS class of ds-blog-four-column. Be sure to add this to the Column CSS Class field and NOT the CSS Class field. Then save & exit.
*/
.ds-blog-square a img {
    width: 100%;
    object-fit: cover;
}
.ds-blog-square .post-content {
    display: none;
}
.ds-blog-square .et_pb_image_container {
    margin: -19px -19px 0;
}
.ds-blog-square h2 {
    margin: 0;
    padding: 0;
}
.ds-blog-square .et_pb_post {
    position: relative;
    padding-bottom: 0;
    border: none;
}
.ds-blog-square h2 a {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    padding: 40px;
    margin: 0;
    background: rgba(0, 0, 0, .3);
    color: #fff;
    text-align: center;
    outline: 2px solid #fff;
    outline-offset: -20px;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.ds-blog-square h2 a:hover {
    background: rgba(255, 255, 255, .5);
    color: #000;
    outline: 2px solid #000;
    outline-offset: 0;
}
/* Eleg lehet ennyi is */
@media only screen and ( min-width: 981px ) {
    .et_pb_column_4_4 .et_pb_blog_grid .et_pb_salvattore_content[data-columns]::before { content: �4 .column.size-1of4� !important;
    }
    .et_pb_column_4_4 .column.size-1of4 {
        width:22.15% !important;
        margin-right:1%;
    }
    .et_pb_column_4_4 .ds-blog-four-column.et_pb_blog_grid[data-columns]::before {
        content: �4 .column.size-1of4�;
    }
    .ds-blog-four-column.et_pb_blog_grid .column.size-1of4 {
        margin-right: 3.8%;
        padding-bottom: 30%;
        width: 22.15%;
    }
    .et_pb_blog_grid .column.size-1of4:last-child {
        margin-right: 0;
    }
}
/* Eleg lehet ennyi is */
.ds-blog-four-column .et_pb_post {
    margin-bottom: 25%;
}
.ds-blog-four-column .ds-blog-square a img {
    height: 33vh !important;
}
@media only screen and (max-width: 1440px) {
    .ds-blog-four-column .ds-blog-square a img {
        height: 28vh !important; 
    }
}
@media only screen and (max-width: 1280px) {
    .ds-blog-four-column .ds-blog-square a img {
        height: 25vh !important;
    }
}
@media only screen and (max-width: 768px) {
    .ds-blog-four-column .ds-blog-square a img {
        height: 28vh !important;
    }
}
@media only screen and (max-width: 480px) {
    .ds-blog-four-column .ds-blog-square a img {
        height: 40vh !important; 
    }
}
/* Harom oszlop eseten
* Open up the row settings, click on the custom CSS tab and give it a Column CSS class of ds-blog-three-column. Be sure to add this to the Column CSS Class field and NOT the CSS Class field. Then save & exit.
*/
/*.ds-blog-three-column .et_pb_post {
    margin-bottom: 25%;
}
.ds-blog-three-column .ds-blog-square a img {
    height: 45vh !important; 
}
@media only screen and (max-width: 1440px) {
    .ds-blog-three-column .ds-blog-square a img {
        height: 40vh !important; 
    }
}
@media only screen and (max-width: 1280px) {
    .ds-blog-three-column .ds-blog-square a img {
        height: 35vh !important; 
    }
}
@media only screen and (max-width: 768px) {
    .ds-blog-three-column .ds-blog-square a img {
        height: 28vh !important;
    }
}
@media only screen and (max-width: 480px) {
    .ds-blog-three-column .ds-blog-square a img {
        height: 40vh !important; 
    }
}*/
/* Ket oszlop eset�n
* Open up the module settings, click on the Custom CSS tab and right after the class that we added earlier, leave a single space and add another class of ds-blog-square-two then save & exit.
*/
/*@media only screen and ( min-width: 981px) {
    .ds-blog-two-column.et_pb_column_4_4 .et_pb_blog_grid[data-columns]::before {
        content: '2 .column.size-1of2' !important;
    }
    .ds-blog-square-two.et_pb_blog_grid .column {
        width: 47.25% !important;
        margin-right: 5.5%;
    }
    .ds-blog-square-two.et_pb_blog_grid .column:nth-child(even) {
        margin-right: 0;
    }
}
.ds-blog-two-column .et_pb_post {
    margin-bottom: 12%;
}
.ds-blog-two-column .ds-blog-square a img {
    height: 70vh !important; 
}
@media only screen and (max-width: 1440px) {
    .ds-blog-two-column .ds-blog-square a img {
        height: 60vh !important;
    }
}
@media only screen and (max-width: 1280px) {
    .ds-blog-two-column .ds-blog-square a img {
        height: 50vh !important;
    }
}
@media only screen and (max-width: 768px) {
    .ds-blog-two-column .ds-blog-square a img {
        height: 28vh !important;
    }
}
@media only screen and (max-width: 480px) {
    .ds-blog-two-column .ds-blog-square a img {
        height: 42vh !important;
    }
}*/
/* ---------------------------------------------- 
* Lehet enny is el�g
*/
/* Blog modul */
/*@media only screen and ( min-width:981px ) {
    .blog4 .et_pb_blog_grid .et_pb_salvattore_content[data-columns]::before { content: '4 .column.size-1of4' !important;
    }
    .blog4 .et_pb_blog_grid .column.size-1of4 {
        width:24% !important;
        margin-right:1%;
    }
}*/
/* Blog modul */
/*@media only screen and ( min-width:981px ) {
    .blog6 .et_pb_blog_grid .et_pb_salvattore_content[data-columns]::before { content: '6 .column.size-1of6' !important;
    }
    .blog6 .et_pb_blog_grid .column.size-1of6 {
        width:15.6% !important;
        margin-right:1%;
    }
}*/
/* ---------------------------------------------- */

/* Archivum oldalak mansonory style */
/*
* Remove sidebar on all archive pages
*/
/*.search #main-content .container::before,
.archive #main-content .container::before {
    display: none;
}
.search #left-area,
.archive #left-area {
    width: 100%;
    float: none;
    padding-right: 0;
}
.search #sidebar,
.archive #sidebar {
    display: none;
}*/

/*
* Remove sidebar on all archive pages
*/
.search #main-content .container::before,
.archive #main-content .container::before {
    display: none;
}
.search #left-area,
.archive #left-area {
    width: 100%;
    float: none;
    padding-right: 0;
}
.search #sidebar,
.archive #sidebar {
    display: none;
}

/*
* Create Mansonory styles for archive pages
*/
.search #left-area,
.archive #left-area {
    -moz-column-count: 3;
    column-count: 3;
    -moz-column-gap: 60px;
    column-gap: 60px;
}

.archive .et_pb_post > a,
.search .et_pb_post > a {
    margin: -20px -20px 10px;
    display: block;
}

.search #left-area .et_pb_post,
.archive #left-area .et_pb_post {
    overflow: hidden; /* fix for Firefox */
    page-break-inside: avoid;
    break-inside: avoid-column;
    width: 100%;
    padding: 19px;
    border: 1px solid #d8d8d8;
    background-color: #fff;
    word-wrap: break-word;
    display: inline-block;
}

.search #left-area .et_pb_post h2,
.archive #left-area .et_pb_post h2 {
    font-size: 18px;
}

.search #left-area .et_pb_post.format-link,
.search #left-area .et_pb_post.format-quote,
.search #left-area .et_pb_post.format-audio,
.archive #left-area .et_pb_post.format-link,
.archive #left-area .et_pb_post.format-quote,
.archive #left-area .et_pb_post.format-audio{
    padding: 0;
}

.archive .et_pb_post .et_pb_image_container,
.archive .et_pb_post .et_main_video_container,
.archive .et_pb_post .et_audio_content,
.archive .et_pb_post .et_pb_slider,
.search .et_pb_post .et_pb_image_container,
.search .et_pb_post .et_main_video_container,
.search .et_pb_post .et_audio_content,
.search .et_pb_post .et_pb_slider {
    margin: -20px -20px 10px;
}

.archive .et_pb_post.format-audio .et_audio_content{
    margin: 0px -38px 0px;
}

.archive .et_pb_post .et_pb_slider .et_pb_slide,
.search .et_pb_post .et_pb_slider .et_pb_slide {
    min-height: 180px;
}

.archive .pagination,
.search .pagination {
    padding: 20px 0;
}

/*
* Media Queries
*/
@media screen and (max-width: 980px) {
    .search #left-area,
    .archive #left-area {
        -moz-column-count: 2;
        column-count: 2;
        -moz-column-gap: 60px;
        column-gap: 60px;
    }
}
@media screen and (max-width: 767px) {
    .search #left-area,
    .archive #left-area {
        -moz-column-count: 1;
        column-count: 1;
    }
    .search .et_pb_post.format-audio .et_audio_content,
    .archive .et_pb_post.format-audio .et_audio_content{
        margin: 0;
    }
    .search #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls div.mejs-time-rail,
    .archive #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls div.mejs-time-rail,
    .search #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total,
    .archive #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total{
        min-width: 300px!important;
        width: 300px!important;
    }
}
/* Artablazat */
.et_pb_dollar_sign {
    margin-left: -1em;
}
/* Ninja forms */
.nf-form-content input, .nf-form-content textarea {
    border: none !important;
}
.nf-form-content input, .nf-form-content textarea {
    border-bottom: 1px solid #000 !important;
    font-family: inherit;
    border-radius: 2px;
    padding: 5px;
    font-size: 100%;
    color: #575757;
}
#kapcsolat .nf-form-content input, #kapcsolat .nf-form-content textarea {
    border: none !important;
}
.nf-form-content label, div.nf-form-fields-required{
    font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;
    color: #0c71c3 !important;
}

#kapcsolat label, #kapcsolat div.nf-form-fields-required {
    color: #ffffff !important;
}
.nf-form-content input[type="button"] {
    border: none !important;
    border-radius: 3px;
    font-family: inherit;
    background-color: #df4a32 !important;
    color: #fff;
    border: none;
    padding: 11px 24px 11px;
    font-size: 16px;
}
.nf-form-content input[type="button"]:hover {
    border: none !important;
    border-radius: 3px;
    font-family: inherit;
    background-color: #23B0B9 !important;
    color: #fff;
    border: none;
    padding: 11px 24px 11px;
    font-size: 16px;
}

.nf-form-content div.nf-field-container {
    margin-bottom: 20px;
}
/* Lablec menu kozepre igazitas */
#et-footer-nav div.container {
    text-align: center;
}
/* GDPR cookie Ertesites */

/* Rendben gomb meretezes */
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton {
    font: normal 14px/20px Nunito,sans-serif !important;
    padding: 8px 30px !important;
}