/*
Theme Name:     Herald Child
Theme URI:      http://mekshq.com
Description:    Child theme for the Herald theme
Author:         meks
Author URI:     http://mekshq.com
Template:       herald
Version:        0.1.0
*/

/*
-----------------------------------------------------------------------------------------------------
FONTS
-----------------------------------------------------------------------------------------------------
*/

.text-bold
{
    font-weight: 600;
}

.carni-title-font
{
    font-family: 'Lato';
    font-weight: 700;    
}

.carni-sub-title-font
{
    font-family: 'Open Sans';
    font-weight: 400; 
}

.rtl .carni-title-font
{
    font-family: 'Arimo';
    font-weight: 700;    
}

.rtl .carni-sub-title-font
{
    font-family: 'Arimo';
    font-weight: 400; 
}


/*
-----------------------------------------------------------------------------------------------------
GENERIC
-----------------------------------------------------------------------------------------------------
*/

.borderBox
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;      
}

.objectCenter
{
    position:absolute;
    margin:auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; 	
}
.centerDiv
{
    width:100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
}

.centerDivVertical
{
    width:100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
}

.inlineRow
{
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
}

.carni-zoomed-image
{
    position: relative;
    background-size: cover;
    background-position: center;  
    transition: transform 300ms ease-in-out;
    object-fit: cover;
    object-position: center;
}

.carni-zoomed-image:hover
{
    transform: scale(1.1);  
}

.carni-flex-row
{
    display:flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;    
}

.carni-flex-column
{
    display:flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;    
}

.carni-thumb-hover:hover
{
    background-color: #F5F5F5;    
}

.carni-thumb-lay-k-img
{
    width: 185px;
    height: 108px;
    background-size: cover;    
}

.herald-menu li.herald-mega-menu .herald-no-sid .herald-module
{
    width: 100%;
    padding: 10px 20px 0; 
}

.carni-text-spacer
{
    margin: 10px 0px;
    clear: both;
}

.carni-link-title:hover
{
    text-decoration: underline;
}

.carni-tags a
{
    padding: 3px 5px;
    margin: 0px 2px;
    background-color: #eaeaea;
    font-size: 1.5rem;
    color: #000;
}

.carni-tags a:hover
{
    background-color: #0288d1;
    color: #fff;
}

.carni-tags a:first-child
{
    margin: 0px 2px 0px 0px;
}

.carni-tags-small .carni-tags a
{
    font-size: 1.2rem;
}

.carni-search-wrapper
{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: flex-start;        
}

.carni-button,
.carni-button:hover.carni-button:active
{        
    flex: 1 1 70%;
    height: 50px;    
    border-radius: 2px;    
    padding: 5px 20px;
    margin: 0px 0px; 
    opacity: 1.0;
    background-color: #0288d1;
    border: 1px solid #006da9; 
    color: #fff;
}

.carni-button:hover
{
    opacity: 0.85;
}

.carni-button.carni-button-short,
.carni-button.carni-button-short:hover.carni-button.carni-button-short:active
{
    height: 30px;    
    padding: 0px 20px;
}

.carni-button[actiontype="submit"]
{    
    background-color: #0288d1;
    border: 1px solid #006da9;
    color: #FFF;
}

.carni-button[actiontype="reset"]
{    
    background-color: #F44336;
    border: 1px solid #c9271b;
    color: #FFF;
}

.cardShadow
{
    transition: transform 300ms ease-out, box-shadow 300ms ease-out;
    transform: perspective(500px) translate3d(0px, 0px, 0px);
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}

.cardShadow:hover
{    
    transform: perspective(500px) translate3d(0px, -10px, 40px);
    box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.6);
}

.carni-ntfc-holder
{
    display: none;
    z-index: 10000;
    width: 100%;
    position: fixed;
    bottom: 0px;
    overflow: visible;
}

.carni-ntfc-holder.active
{
    display: block;
}

.carni-ntfc-wrapper
{
    position: relative;
    width: 100%;
    min-height: 60px;
    padding: 10px 10px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    background-color: #006064;
    
    transition: transform 400ms ease-out;
    transform: translateY(100%);
}

.carni-ntfc-wrapper.active
{
    transform: translateY(0%);
}

.carni-ntfc-text
{
    max-width: 900px;
    color: #fff;
    font-weight: 200;
    font-size: 1.5rem;
    line-height: 2rem;
}

.carni-ntfc-text a
{
    color: #fff;
    text-decoration: underline;
}

.carni-ntfc-button
{
    margin: 0px 0px 0px 15px;
}

.carni-ntfc-button input
{
    padding: 3px 20px;
    background-color: #1565C0;
    color: #ffffff;
    border: solid 1px #0D47A1;
    border-radius: 1px;
    font-size: 1.5rem;
    line-height: 2rem;    
    cursor: pointer;
}

.carni-ntfc-button input:hover
{            
    background-color: #1976D2;
}    

.carni-note-placeholder
{
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 10000;
    
    display: none;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
           
    background-color: rgba(0, 0, 0, 0.3);
    
    opacity: 0;
    transition: opacity 300ms ease-out;
    
    perspective: 1000px;
}

.carni-note-placeholder.open
{
    opacity: 1;
}

.carni-note-placeholder .carni-note-wrapper
{
    max-width: 400px;
    min-height: 200px;
    
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    
    background-color: #fff;
    border: solid 1px #000;
    border-radius: 10px;
    
    padding: 20px;
    margin: 20px;

    -webkit-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.75);    
    
    transform: translateY(50%) rotateX(-50deg);
    transition: transform 400ms ease-out;
}

.carni-note-placeholder.open .carni-note-wrapper
{
    transform: translateY(0%) rotateX(0deg);
}

.carni-note-wrapper .carni-title-font
{
    font-size: 3rem;
    margin-bottom: 10px;
}

.carni-note-wrapper .carni-sub-title-font
{
    font-size: 1.6rem;
    margin-bottom: 20px;
}

#carni_logoAnim
{
    width: 320px;
    height: 115px;
    background-size: 100%;
    background-repeat: no-repeat;
}

/*
-----------------------------------------------------------------------------------------------------
TOP SLIDESHOW
-----------------------------------------------------------------------------------------------------
*/

.carni-header-container
{    
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    align-items: center;
}

.carni-header-container.carni-section-top-full
{
    width: 100%;
    height: 100vh;    
}

.carni-header-container-top
{
    width: 100%;
    flex: 0 0;
}

.carni-header-container-bottom
{
    position: relative;
    width: 100%;
    height: 100%;
    flex: 1 1 100%;;
}

.carni-top-section
{
    position: absolute;
    width: 100%;    
    height: 100%;
}

.carni-slideshow-wrapper
{
    z-index: 0;
    position: relative;
    width: 100%;    
    height: 100%;
    overflow: hidden;
    background-color: #000;
}

.carni-slideshow-headline
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;    
    height: 100%;
    
    transition: opacity 1.5s linear;
    opacity: 0;
}

.carni-slideshow-headline.active
{
    transition: opacity 1.5s linear;
    opacity: 1;
}

.carni-slideshow-background
{    
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;    
    height: 100%;
    background-position: center;
    background-size: cover;        
}

.carni-slideshow-background
{
    animation: slideshowback 20s ease-in-out 0s infinite alternate;
}

@keyframes slideshowback
{
    0% { transform: scale(1.0, 1.0); }
    100% { transform: scale(1.2, 1.2); }
}

.carni-slideshow-overlay-container
{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;    
    display: grid;
    grid-template-rows: auto 200px;    
    justify-items: center;
    align-items: flex-end;
}

.carni-slideshow-overlay-shadow
{
    background: rgba(0,0,0,0.52);
    background: -moz-linear-gradient(top, rgba(0,0,0,0.52) 0%, rgba(0,0,0,0.15) 21%, rgba(0,0,0,0.59) 80%, rgba(0,0,0,0.59) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.52)), color-stop(21%, rgba(0,0,0,0.15)), color-stop(80%, rgba(0,0,0,0.59)), color-stop(100%, rgba(0,0,0,0.59)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.52) 0%, rgba(0,0,0,0.15) 21%, rgba(0,0,0,0.59) 80%, rgba(0,0,0,0.59) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0.52) 0%, rgba(0,0,0,0.15) 21%, rgba(0,0,0,0.59) 80%, rgba(0,0,0,0.59) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0.52) 0%, rgba(0,0,0,0.15) 21%, rgba(0,0,0,0.59) 80%, rgba(0,0,0,0.59) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.52) 0%, rgba(0,0,0,0.15) 21%, rgba(0,0,0,0.59) 80%, rgba(0,0,0,0.59) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}

.carni-slideshow-title-container
{
    width: 100%;
    max-width: 1400px;
    padding: 0px 20px;
}

.carni-slideshow-title a
{
    color: #fff;
    font-size: 6rem;
    line-height: 6.8rem;
    font-weight: 600;
    text-decoration: none;    
}

.carni-slideshow-subtitle
{
    padding: 15px 0px 5px 0px;
}

.carni-slideshow-subtitle a
{
    color: #e5e5e5;
    font-size: 2.6rem;
    line-height: 3.4rem;
    font-weight: 400;
    text-decoration: none;     
}

.carni-slideshow-bullets-container
{    
    position: absolute;
    bottom: 0px;
    width: 100%;  
    height: 200px;
    display: grid;
    grid-template-rows: auto 30px 30px;
    grid-template-areas:"titles"
                        "bullets"
                        "scroll";
    justify-items: center;
    align-items: center;
}

.carni-slideshow-bullets-titles
{    
    display: grid;
    justify-items: center;
    align-items: start;
    grid-gap: 5px 50px;
    justify-content: space-between;
    position: absolute;
    width: 100%;
    max-width: 1400px;
    grid-area: titles;
    padding: 0px 20px;
}

.carni-slideshow-bullet-title
{        
    font-size: 1.8rem;
    line-height: 2.6rem;
    font-weight: 400;    
    color: #fff;  
    cursor: pointer;
    opacity: 0.5;
    transition: opacity 500ms ease-out;
}

.carni-slideshow-bullet-title.active,
.carni-slideshow-bullet-title:hover
{
    opacity: 1.0;
    transition: opacity 500ms ease-out;
}

.carni-slideshow-bullets
{
    display: grid;
    justify-items: center;
    align-items: flex-start;
    justify-content: space-around;
    grid-gap: 0px 10px;   
    grid-area: bullets;
}

.carni-slideshow-bullet
{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    opacity: 0.4;
    background-color: #fff;
    transition: opacity 1s ease-in-out;
    cursor:pointer;
}

.carni-slideshow-bullet.active
{
    opacity: 1.0;
    transition: opacity 1s ease-in-out;
}

.carni-slideshow-bullets-scroll
{
    height: 100%;
    
    display: flex;
    flex-flow: column nowrap;            
    justify-content: center;
    align-items: center;
    
    overflow: visible;    
    grid-area: scroll;
}

.carni-slideshow-bullets-scroll > .carni-scroll-arrow
{
    position: absolute;
    animation: scrollDownAr 1500ms linear infinite;
}

@keyframes scrollDownAr
{
    0%{
        transform: translateY(-20%);
        opacity: 0;
    }
            
    50%{
        transform: translateY(0%);
        opacity: 0.8;
    }    
    
    100%{
        transform: translateY(20%);
        opacity: 0;
    }    
}

/*
-----------------------------------------------------------------------------------------------------
SEARCH BOX
-----------------------------------------------------------------------------------------------------
*/

.carni-search-fields-wrapper
{
    display: grid;
    grid-template-columns: 1fr 1fr 210px 210px;
    grid-template-rows: 1fr 1fr;
    grid-template-areas:"free category fromdate todate"
                        "country cityfield1 cityfield2 .";
    grid-gap: 5px 5px;
    
    flex: 1 1 85%;
    overflow: hidden;
    transition: height 500ms ease-in-out;
}

.carni-search-fields-wrapper > div
{
    margin-bottom: 5px;
}

.rtl .carni-search-fields-wrapper > div
{
    margin-bottom: 10px;
}

.carni-search-fields-wrapper > div:last-child,
.rtl .carni-search-fields-wrapper > div:last-child
{
    margin-bottom: 0px;
}

.carni-search-fields-wrapper .herald-search-input, 
.carni-search-fields-wrapper .carni-search-select
{
    width: 100%;
}

.rtl .carni-search-fields-wrapper .h6
{
    font-size: 1.5rem;
}

.carni-search-select.carniDisabled
{
    opacity: 0.5;
}

.carni-search-date .carni_datePicker
{
    font-size: 1.4rem;
    padding-right: 30px !important;
}

.carni-search-date
{
    position: relative;
}

.carni-search-date:after
{
    position:absolute;
    right:8px;
    top:calc(50% - 3px);
    
    color: #000;
    font-family:FontAwesome;
    font-size: 20px;
    font-weight: 400;
    content:"\f073";   
    cursor: pointer;
}

.carni-search-buttons
{   
    padding: 0px 0px 0px 10px;
    flex: 1 0 15%;
}

.rtl .carni-search-buttons
{
    padding: 0px 10px 0px 0px;
}

.carni-search-submit
{    
    background-color: #0288d1;
    color: #FFF;
    border: 1px solid #006da9;
    border-radius: 2px;
    
    width: 100%;
    height: 72px;
    
    padding: 0px;
    margin: 25px 0px 5px 0px;    
}

.carni-search-submit:hover
{
    background-color: #0077b8;
}

.carni-search-submit:after
{
    font-family:FontAwesome;
    font-weight: 400;
    content:"\f002";    
}

.carni-search-reset
{
    background-color: #F44336;
    color: #FFF;
    border: 1px solid #c9271b;
    border-radius: 2px;
    
    width: 100%;
    height: 35px;    
    padding: 0px;   
}

.carni-search-reset:hover
{
    background-color: #E53935;
}

.carni-search-reset:after
{
    font-family:FontAwesome;
    font-weight: 400;
    content:"\f014";    
}

.carni-search-city
{
    grid-area: cityfield1;
}

.carni-search-city.carniActive
{
    grid-area: cityfield2;
}

.carni-search-state
{
    grid-area: cityfield2;
    display: none;
}

.carni-search-state.carniActive
{
    grid-area: cityfield1;
    display: block;
}

.carni-search-advanced-button
{
    display: none;
    float: right;
    font-size: 1.6rem;
    font-weight: 600;
    color: #0288d1;
    cursor: pointer;
}


/* SEARCH BOX INSIDE WIDGET START */
.carni-widget .carni-search-fields-wrapper
{
    width: 100%;
    flex: 1 1 100%;

    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-content: flex-start;
}
    
.carni-widget .carni-search-wrapper
{
    display: block;
}    

.carni-widget .carni-search-buttons
{   
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-content: flex-start;
    
    padding: 0px;
    margin: 5px 0px 0px 0px;
    flex: 1 1 100%;
}

.carni-widget .carni-search-buttons .carni-search-submit
{        
    flex: 1 1 70%;
    height: 50px;

    padding: 0px;
    margin: 0px 0px;    
}

.carni-widget .carni-search-reset
{
    flex: 1 1 30%;
    height: 50px;

    padding: 0px;
    margin: 0px 0px 0px 5px;    
}   

.rtl .carni-widget .carni-search-reset
{
    margin: 0px 5px 0px 0px;    
}

.carni-widget .carni-search-date .carni_datePicker
{
    font-size: initial;
    padding-right: 30px;
}   
/* SEARCH BOX INSIDE WIDGET END */

.ui-datepicker-calendar .ui-state-default
{
    width: 34px;
}

/*
-----------------------------------------------------------------------------------------------------
MODULES
-----------------------------------------------------------------------------------------------------
*/

.herald-fa-item:hover .carni-zoomed-image
{
    transform: scale(1.1);  
}

.carni-fa-ly1-wrapper
{
    width: 100%;
    height: 520px;
    
    display: grid;
    grid-template-columns:[left_start] 3fr [left_end right_a] 1fr [right_b] 1fr [right_end];
    grid-template-rows: [row_top] 1fr [row_middle] 1fr [row_bottom];
    grid-template-areas:"main secondary_top secondary_top"        
                        "main secondary_bottom_a secondary_bottom_b";
    grid-gap: 6px 6px;        
}

.carni-fa-ly1-wrapper:hover
{
    cursor: pointer;
}

.carni-fa-ly1-item_0
{
    grid-area: main;
    perspective: 1000px;
}

.carni-fa-ly1-item_1
{
    grid-area: secondary_top;
}

.carni-fa-ly1-header
{    
    position: absolute;
    bottom: 0px;
    
    width: 100%;  

    transition: background 300ms ease-out;
}

.carni-header-slide-background
{
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 40%;
            
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 75%, rgba(0,0,0,0.75) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 75%,rgba(0,0,0,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 75%,rgba(0,0,0,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bf000000',GradientType=0 ); /* IE6-9 */
    
    opacity: 1;
    transition: opacity 300ms ease-out;
}

.carni-header-slide-background.active
{
    opacity: 1;
}

.carni-fa-ly1-main-title
{
    width: 100%;
    padding: 15px 20px 10px 20px;
}

.carni-fa-ly1-main-title a
{
    font-weight: 400;
    color: #fff;
    font-size: 2.8rem;
    line-height: 3.2rem;        
}

.carni-fa-ly1-main-title.carni-fa-ly1-main-title-small,
.carni-fa-ly1-main-title.carni-fa-ly1-main-title-small a
{
    font-size: 2.2rem;
    line-height: 2.6rem;        
}

.carni-fa-ly1-main-sub
{
    color: #fff;
    font-size: 1.8rem;
    line-height: 2.4rem; 
    
    overflow: hidden;

    padding: 0px 20px 15px 20px;    
 
    opacity: 0;
    transition: opacity 200ms ease-out;    
}

.carni-fa-ly1-main-sub.active
{
    opacity: 1;
}

.carni-fa-headlines-grid
{
    width: 100%;
    height: 520px;
    margin-bottom: 6px;
    
    display: grid;
    grid-template-columns:[left_start] 3fr [left_end right_a] 1fr [right_b] 1fr [right_end];
    grid-template-rows: [row_top] 1fr [row_middle] 1fr [row_bottom];
    grid-template-areas:"main secondary_top secondary_top"        
                        "main secondary_bottom_a secondary_bottom_b";
    grid-gap: 6px 6px;        
}

.col-lg-12 .carni-fa-headlines-grid
{
    height: 400px;    
}

.carni-fa-headlines-smlp-wrapper
{
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: flex-start;
    
}

.carni-fa-headlines-smallpost
{        
    overflow: hidden;
    height: 170px;
    flex: 1 1 25%;
    margin: 2px 4px;
    position: relative;
}

.carni-fa-headlines-smallpost:first-child
{
    margin-left: 0px;
}

.rtl .carni-fa-headlines-smallpost:first-child
{
    margin-right: 0px;
    margin-left: 4px;
}

.carni-fa-headlines-smallpost:last-child
{
    margin-right: 0px;
}    

.rtl .carni-fa-headlines-smallpost:last-child
{
    margin-right: 4px;
    margin-left: 0px;    
}

.carni-fa-headlines-smallpost-title
{
    width: 100%;
    min-height: 50%;
    
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-end;
    align-items: flex-start;
    
    position: absolute;
    padding: 5px 10px;
    bottom: 0px;
    color: #fff;
    
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 75%, rgba(0,0,0,0.75) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 75%,rgba(0,0,0,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 75%,rgba(0,0,0,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bf000000',GradientType=0 ); /* IE6-9 */    
}

.carni-fa-headlines-smallpost-title a
{
    color: #fff;
}

.carni-fa-headlines-smallpost:hover .carni-zoomed-image
{
    transform: scale(1.1);  
}
    
.carni-catmodule-cube-wrapper
{
    width:100%;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: 80px;
    grid-gap: 10px; 
    overflow: visible;
}

.carni-catmodule-cube-item
{          
    position: relative;
    height: 80px;
    cursor: pointer;   
    perspective: 1000px;    
}

.carni-catmodule-cube-item-front
{
    width: 100%;
    height: 100%;
    
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-items: center;
    align-items: center;  
    background-color: #00bcd4; 
    
    transform-origin: center center -40px;
    transition: transform 300ms ease-out;
    transform: rotateX(0deg);
    backface-visibility: hidden;
}

.carni-catmodule-cube-item:hover .carni-catmodule-cube-item-front
{
    transform: rotateX(-90deg);
}

.carni-catmodule-cube-item-back
{
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: absolute;
    
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-items: center;
    align-items: center;  
    background-color: #214b88;
    
    transform-origin: center center -40px;
    transition: transform 300ms ease-out;
    transform: rotateX(90deg);  
    backface-visibility: hidden;
}

.carni-catmodule-cube-item:hover .carni-catmodule-cube-item-back
{
    transform: rotateX(0deg);
}

.carni-catmodule-cube-item-icon
{
    flex: 0 1 50%;
    background-position: center;
    background-size: cover;
    padding: 5px 5px 5px 10px;
}

.carni-catmodule-cube-item-title
{
    flex: 0 0;
    font-size: 2.0rem;
    line-height: 2.0rem;
    font-weight: 400;
    color: #fff;  
    padding: 5px 10px 5px 5px;
}


.carni-catmodule-wrapper
{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-auto-rows: 170px;
    justify-items: center;
    align-items: center;
    grid-gap: 15px;
}

.carni-catmodule-item
{
    position: relative;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    cursor:pointer;
    
    display: flex;    
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
}

.carni-catmodule-item-hover
{    
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    opacity: 0.4;
    transition: opacity 200ms ease-out;
}

.carni-catmodule-item:hover .carni-catmodule-item-hover
{
    opacity: 0.8;
    transition: opacity 200ms ease-out;
}

.carni-catmodule-item-icon
{
    width: 50%;
    height: 50%;
    padding: 5px 5px 5px 10px;
}

.carni-catmodule-item-icon img
{
    -webkit-filter: drop-shadow(0px 0px 10px #000000);
    filter: drop-shadow(0px 0px 5px #000000);    
}

.carni-catmodule-item:hover .carni-catmodule-item-icon
{
    animation: catmodicon 300ms linear;    
}

@keyframes catmodicon
{
    0% { transform: rotate(0deg); }
    25% { transform: rotate(20deg); }
    75% { transform: rotate(-20deg); }
    100% { transform: rotate(0deg); }
}

.carni-catmodule-item-title
{
    font-size: 1.8rem;
    line-height: 2.0rem;
    font-weight: 400;
    color: #fff;  
    padding: 5px 10px 5px 5px;  
    
    text-shadow: 0px 0px 10px #000000;
    text-align: center;
}








.carni-contactus-wrapper
{
    width: 100%;
    max-width: 500px;
}

.carni-contactus-field
{
    margin: 10px 0px;    
}

.carni-contactus-field.first-child
{
    margin: 0px 0px 10px 0px;
}

.carni-contactus-field input:hover,
.carni-contactus-field input:focus,
.carni-contactus-field textArea:hover,
.carni-contactus-field textArea:focus
{
    -webkit-box-shadow: 0px 0px 11px 0px rgba(0, 152, 255, 0.6);
    -moz-box-shadow:    0px 0px 11px 0px rgba(0, 152, 255, 0.6);
    box-shadow:         0px 0px 11px 0px rgba(0, 152, 255, 0.6);    
}

.carni-contactus-field
{
    background-color: #ffffff;
    transition: background-color 400ms ease-out;
}

.carni-contactus-field .req
{
    transition: background-color 400ms ease-out;
    background-color: #ffdcdc;
}

.carni-contactus-title
{
    text-align: left;
    font-size: 2.0rem;
    font-weight: 600;
}

.carni-contactus-content
{
    text-align: left;
    font-size: 1.6rem;
    font-weight: 400;
    margin: 10px 0px;
}

.carni-contactus-field-title
{
    font-size: 1.5rem;
    font-weight: 600;
}

.carni-contactus-message
{    
    display: none;
    width: 100%;
    background-color: #dcf9ff;
    border: solid 1px #6f68f9;
    padding: 5px 10px;
    font-size: 1.3rem;
    font-weight: 400;    
    opacity: 0;
    transition: opacity 800ms ease-out;
}

.carni-contactus-message.open
{
    opacity: 1.0;
    transition: opacity 800ms ease-out;
}

/*
-----------------------------------------------------------------------------------------------------
WIDGETS
-----------------------------------------------------------------------------------------------------
*/

.carni-widget
{
    width:100%;
}

.carni-widget-countryinfo-wrapper .carni-flex-row
{
    margin: 5px 0px;
}

.carni-widget-countryinfo-wrapper .carni-flex-row .h6:first-child
{
    padding-right: 5px;
}

.rtl .carni-widget-countryinfo-wrapper .carni-flex-row .h6:first-child
{
    padding-right: 0px;
    padding-left: 5px;
}

.carni-widget-countryinfo-items-grid
{
    column-count: 2;
}

 .herald-sidebar-right .carni-widget-countryinfo-items-grid,
 .herald-sidebar-left .carni-widget-countryinfo-items-grid,
 .carni-widget-countryAndCity-column .carni-widget-countryinfo-items-grid
{
    column-count: 1;
}

.herald-sidebar-right .carni_widget_related_wrapper,
.herald-sidebar-left .carni_widget_related_wrapper
{
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
    
    width: 100%;        
}

.carni_widget_related_wrapper
{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px 15px;
    
    width: 100%;        
}


.carni_widget_related_item
{
    position: relative;
    width: 100%; 
    margin-bottom: 30px;
}

.carni_widget_related_item:last-child
{
    margin-bottom: 0px;
}

.carni_widget_related_thumb
{
    width: 100%;
    height: 170px;
    overflow: hidden;    
    border: solid 1px #dddddd;
    position: relative;
    margin-bottom: 3px;
}

.carni_widget_related_item:hover .carni-zoomed-image
{
    transform: scale(1.1);  
}

.carni_widget_related_title
{
    width: 100%;    
    color: #000;
}

.carni_widget_related_item:hover .carni_widget_related_title
{
    color: #0288d1;
}

.carni_widget_related_item span a
{
    color: #000;    
}

.carni_widget_related_item span a:hover
{
    color: #0288d1;  
    font-weight: 600;
}

.carni-widget-countryAndCity-wrapper
{
    width: 100%;
    display: grid;
    grid-template-columns: 60% 40%;
    justify-items: stretch;
    align-items: start;   
    grid-gap: 20px;
}

.carni-widget-countryAndCity-column
{
    padding: 0px;
}

.carni-widget-post-warning
{
    width: 100%;
    background-color: #f4f4f4;
    border-radius: 3px;
    padding: 10px 15px;
}

.carni-widget-post-warning-title
{
    font-weight: 600;
    clear: both;    
}

.widget_carni_eventinfo a:hover,
.widget_carni_countryandcityinfo a:hover
{
    text-decoration: underline;
}

.carni-widget-booking
{
    width: 100%; 
}

.carni-widget-booking-title
{
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: 400;
    color: #000;
    
    margin: 0px 0px 5px 0px;
}

.carni-widget-booking-title a
{
    text-decoration: underline;
}

.carni-widget-booking-buttons
{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
    justify-items: stretch;
    align-items: stretch;
    
    margin-top: 10px;
}

.carni-widget-booking-button
{
    width: 100%;
        
    color: #fff;    
    background-color: #45db04;
    
    padding: 5px 15px;
    
    font-size: 1.6rem;
    line-height: 2.6rem;
    
    display: grid;
    grid-template-columns: 25px auto;
    grid-gap: 1px;
    justify-items: center;
    align-items: center;
    
    border-radius: 10px;
    cursor: pointer;
    
    transition: background-color 300ms ease-out, color 300ms ease-out;
}

.carni-widget-booking-button:hover
{
    color: #000;
    background-color: #acf99f;    
}

.carni-widget-booking-button-text
{
    font-weight: 400;
    text-align: center;
}

.carni-widget-booking-button-text.text-bold
{
    font-weight: 600;
}

.carni-widget-booking-map-title
{
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: 600;
    color: #000; 
    
    margin: 10px 0px 5px 0px;
}

.carni-widget-booking-button-link
{
    font-size: 1.8rem;
    line-height: normal;
}

.carni-widget-booking-button-link:hover
{
    text-decoration: underline;
}

/* In sidebar */
.herald-sidebar .carni-widget-booking
{
    width: 100%;
    padding: 0px;
    border: none;    
}

.herald-sidebar .carni-widget-booking-title
{
    margin: 0px;
}

.herald-sidebar .carni-widget-booking-buttons
{
    display: block;
    margin-top: 0px;
}    

.herald-sidebar .carni-widget-booking-buttons > a
{
    margin: 0px;
}

.herald-sidebar .carni-widget-booking-button
{
    width: 100%;
    margin: 10px 0px;
}


/*
-----------------------------------------------------------------------------------------------------
EVENT AND ARCHIVE
-----------------------------------------------------------------------------------------------------
*/

.carni-event-header-info
{
    display: grid;
    grid-template-columns: auto 350px;
    grid-gap: 10px;
    
    margin: 0px 0px 0px 0px;
    width:100%;
    border-bottom: solid 1px #e4e4e4;
    margin-bottom: 5px;        
}

.carni-event-subheader-row
{
    margin: 5px 0px;
    font-size: 1.6rem;
}

.carni-event-subheader-row a:hover
{
    color: #0288d1;
    text-decoration: underline;
}

.carni-event-header-where
{
    align-self: start;
    justify-self: start;
}

.carni-event-header-icons
{
    align-self: end;
    justify-self: end;
}

.carni-event-estimated
{
    font-weight: 600;
    color: #F00 !important;
}

.carni-event-videos-wrapper
{
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 165px;
    grid-gap: 10px;
}

.carni-event-video-player
{
    display: none;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%; 
    
    margin: 10px 0px;
}

.carni-event-video-player.active
{
    display: block;
}

.carni-event-video-player-iframe
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.carni-event-video-cell
{
    width:100%;
    height: 165px;
    border: solid 1px #575757;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.carni-event-video-item-playicon
{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0.7;
    cursor: pointer;
}

.carni-event-video-item-playicon:hover
{
    opacity: 1.0;
}


.herald-sidebar-left .carni-event-videos-wrapper,
.herald-sidebar-right .carni-event-videos-wrapper
{
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 100px;
    grid-gap: 5px 5px;
}    

.herald-sidebar-left .carni-event-video-cell,
.herald-sidebar-right .carni-event-video-cell
{
    height: 100px;
} 

.herald-sidebar-left .carni-event-video-player,
.herald-sidebar-right .carni-event-video-player
{
    padding-bottom: 75%; 
}

.carni-post-shareicons
{    
    width: 310px;
    display: grid;
    grid-template-columns: auto repeat(3, 55px);
    grid-gap: 0px;
    justify-items: stretch;
    
    margin-bottom: 10px;
}

.carni-post-shareicon
{    
    width: 100%;
    max-width: 200px;
    height: 30px; 
    
    display: flex;    
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    
    color: #ffffff;
    cursor: pointer;
    font-size: 1.5rem;
    
    opacity: 1.0;
}

.carni-post-shareicon:hover
{
    opacity: 0.8;
}

.carni-post-shareicon-comment
{
    display: flex;
}

/*
-----------------------------------------------------------------------------------------------------
BANNERS
-----------------------------------------------------------------------------------------------------
*/

.carni-banner
{
}

.carni-banner-large
{
    position: relative;
    
    width: 100%;
    max-width: 728px;
    height: 90px;
    margin-bottom: 1rem;
    
    overflow: hidden;
    cursor: pointer;
}

.carni-banner-large .carni-banner-header
{
    width: 100%;
    min-height: 20px;
    
    background-color: rgba(0, 0, 0, 0.4);
    
    display: grid;
    grid-template-columns: auto 20px auto 20px auto 20px auto;
    grid-auto-flow: column;
    justify-items: center;
    align-items: center;
        
    color: #fff;    
    font-size: 1.4rem;
    line-height: 2rem;    
    font-weight: 400;   
    
    transform: translateY(-100%);
    transition: transform 300ms ease-out;
}

.carni-banner-large:hover .carni-banner-header
{
    transform: translateY(0%);
}

.carni-banner-text
{
    width: 100%;
    height: 100%;
    
    display: grid;
    grid-template-columns: max-content auto;
    grid-template-columns: -moz-max-content auto;
    grid-template-columns: -webkit-max-content auto;
    justify-items: center;
    align-items: center;
    
    padding: 0px 20px;
    text-shadow: 0px 0px 5px #000000;
    text-align: center;
    
    color: #fff;    
    font-size: 3rem;
    line-height: 4.5rem;    
    font-weight: 600;
}

.carni-banner-text.carni-banner-text-nobutton
{
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;    

    font-size: 3rem;
    line-height: 4.5rem;    
    font-weight: 600;   
    text-align: center;
}

.carni-banner-subtitle
{
    font-weight: 400;
    font-size: 1.7rem;
    line-height: 2.2rem;  
}

.carni-banner-button,
.carni-banner-large .carni-banner-button
{
    padding: 5px 20px;
    
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;   
    
    background-color: rgba(0, 131, 143, 0.6);
    border: 3px solid rgba(0, 96, 100, 0.8);
    border-radius: 10px;
    
    color: #fff;    
    font-size: 1.6rem;
    line-height: 2rem;    
    font-weight: 400;
    text-transform: uppercase;
}

.carni-banner-large:hover .carni-banner-button
{
    background-color: rgba(0, 131, 143, 0.9);
    border: 3px solid rgba(0, 96, 100, 0.9);    
}

.carni-banner-glow
{    
    animation-name: glow-blink;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-direction: alternate;
    animation-duration: 1s;
}

@keyframes glow-blink
{
    0% { opacity: 0.3; }
    100% { opacity: 1; }
}

.carni-banner-overlay
{
    position: absolute;
    top: 0px;
    left: 0px;
    
    width: 100%;
    height: 100%;
    
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center;
    
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.carni-banner-overlay.carni-banner-noshrink
{
    width: 728px !important;    
}

.carni-banner-large .carni-banner-overlay.carni-banner-overlay-0
{
    transform: scale(1, 1);
    transition: transform 300ms ease-out;
}

.carni-banner-large:hover .carni-banner-overlay.carni-banner-overlay-0
{
    transform: scale(1.05, 1.05);
}

/* banner 1 */
@keyframes banner1-overlay-1
{
    0% { transform: translateX(40%); opacity: 0; }    
    
    10% { opacity: 1;}    
    
    90% { opacity: 1;}    
    
    100% { transform: translateX(-40%); opacity: 0; }    
}

@keyframes banner1-overlay-2
{
    0% { transform: translateX(80%); opacity: 0; }    
    
    30% { opacity: 1;}    
    
    70% { opacity: 1;}    
    
    100% { transform: translateX(-80%); opacity: 0; }    
}

@keyframes banner1-overlay-3
{
    0% { transform: translateX(80%); opacity: 0; }    
    
    30% { opacity: 1;}    
    
    70% { opacity: 1;}    
    
    100% { transform: translateX(-80%); opacity: 0; }    
}

@keyframes banner1-overlay-4
{
    0%, 100% { left: auto; right: 0px; transform: translate(0px, 0px); }
    50% { transform: translate(0px, 5px); }
}

/* banner 3 */
@keyframes banner3-overlay-1
{
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* banner 4 */
@keyframes banner4-overlay-1
{
    0% { opacity: 0; }
    10% { opacity: 0; }
    17% { opacity: 1; }
    20% { opacity: 1; }
    22% { opacity: 1; }
    44% { opacity: 1; }
    46% { opacity: 0; }
    100% { opacity: 0; }
}

@keyframes banner4-overlay-2
{
    0% { opacity: 0; }
    30% { opacity: 0; }
    37% { opacity: 1; }
    40% { opacity: 1; }
    42% { opacity: 1; }
    64% { opacity: 1; }
    66% { opacity: 0; }
    100% { opacity: 0; }
}

@keyframes banner4-overlay-3
{
    0% { opacity: 0; }
    50% { opacity: 0; }
    57% { opacity: 1; }
    60% { opacity: 1; }
    62% { opacity: 1; }
    84% { opacity: 1; }
    86% { opacity: 0; }
    100% { opacity: 0; }
}

@keyframes banner4-overlay-4
{
    0% { opacity: 0; }
    70% { opacity: 0; }
    77% { opacity: 1; }
    80% { opacity: 1; }
    82% { opacity: 1; }
    84% { opacity: 1; }
    100% { opacity: 0; }
}

/* banner 5 */
@keyframes banner5-overlay-1
{
    0%
    {
        opacity: 0;
        transform: scale(1, 1) translateY(0%);
    }    
    20% { opacity: 0.9; }
    80% { opacity: 0.9; }
    100%
    {
        opacity: 0;
        transform: scale(1.05, 1.05) translateY(10%);
    }
}

@keyframes banner5-overlay-2
{
    0%
    {
        opacity: 0;
        transform: scale(1, 1) translateY(0%);
    }    
    20% { opacity: 0.4; }
    80% { opacity: 0.4; }
    100%
    {
        opacity: 0;
        transform: scale(1.1, 1.1) translateY(10%);
    }
}

@keyframes banner5-overlay-3
{
    0%
    {
        opacity: 0;
        transform: scale(1, 1) translateY(0%);
    }    
    20% { opacity: 0.4; }
    80% { opacity: 0.4; }
    100%
    {
        opacity: 0;
        transform: scale(1.2, 1.2) translateY(15%);
    }
}

.carni-hotelBanner
{
    font-size: 1.6rem;
    line-height: 2.6rem;
    width: 100%;
    position: relative;
    margin-top: 10px;    
}

.carni-hotelBanner-title
{
    font-weight: 600;
}

.carni-hotelBanner-text
{
    font-weight: 400;
    text-decoration: none !important;
}

/*
-----------------------------------------------------------------------------------------------------
THEME OVERWRITES
-----------------------------------------------------------------------------------------------------
*/

h1, h2, h3, h4, h5, h6, .entry-title a
{
    color: #444444;
}

.meta-tags a, .widget_tag_cloud a, .herald-share-meta:after
{
    background-color: #f4f4f4;
}

.carni-post-tags.meta-tags a
{
    color: #000;
    display: inline-block;
    border-bottom: none;
    margin-bottom: 3px;
    font-size: 1.4rem;
    line-height: 1.5rem;
    padding: 7px 10px 8px;
    border-radius: 2px;    
}

.carni-post-tags.meta-tags a:hover
{
    background-color: #0288d1;
    color: #FFF;    
}

.carni-post-tags.meta-tags span
{
    color: #fff;
    display: inline-block;
    border-bottom: none;
    margin-bottom: 3px;
    font-size: 1.4rem;
    line-height: 1.5rem;
    padding: 7px 10px 8px;
    border-radius: 2px;    
}

.widget:last-child
{
    margin-bottom: 0px;
}

.herald-single .entry-header
{
    max-width: 100%;
}

.herald-single .entry-content
{
    margin-bottom: 10px;
}

.entry-content table p,
.entry-content table div,
.entry-content table td
{
    word-wrap:normal !important;
    -ms-word-wrap:normal !important;
    word-break: normal !important;
}

.mks_toggle
{
    background-color: #def3ff;
}

.mks_toggle:hover
{
    background-color: #c5ebff;
}

.mks_toggle_content
{
    background-color: #fff;
}

.herald-single .entry-header
{
    margin-bottom: 10px;
}

.herald-post-thumbnail-single
{
    margin-bottom: 10px;
}

.herald-post-thumbnail-single img
{
    border: solid 1px #dddddd;    
}

.entry-content a
{
    text-decoration: underline;
    border-bottom: none;
}

div.entry-content .meta-tags a
{
    text-decoration: none;
}

.entry-content a:hover
{    
    border-bottom: none;
}

.herald-entry-content p
{
    margin: 1.5rem 0px;
}

input[type=number], 
input[type=text], 
input[type=email], 
input[type=url], 
input[type=tel], 
input[type=date], 
input[type=password], 
select, 
textarea,
.entry-content .herald-search-input, 
.herald-mod-desc .herald-search-input
{
    padding: 5px 10px;
    height: 35px;
}

.meta-item.herald-date span:before,
.meta-item.herald-date .updated span:before
{
    content:""
}

.meta-item.herald-date:before
{
    font-family:FontAwesome;
    content:"\f073";
    margin: 0px 5px 0px 0px;
}

.rtl .meta-item.herald-date:before
{
    font-family:FontAwesome;
    content:"\f073";
    margin: 0px 0px 0px 5px;
}

.meta-item.herald-date,
.meta-item.herald-date span,
.meta-item.herald-date .updated span
{
    font-size: 1.6rem;
    color: #000;
}

.entry-header .herald-date span:before,
.entry-header .herald-modified_date span:before
{
    padding: 0px;
    margin: 0px;
}

.wp-caption-text
{
    max-width: 100%;
}

.rtl .wp-caption-text
{
    left: auto;
}

.carni-image .gallery-item
{
    padding: 0px;
}

.herald-post-thumbnail-single img
{
    border: none;
}

.gallery-icon img
{
    opacity: 1;
}

.gallery-icon img:hover
{
    opacity: 0.7;
}

.herald-mobile-nav
{
    z-index: 10000;
}

.comment-form-author,
.comment-form-email,
.comment-form-url
{
    float: left;
    width: 50%;
    padding: 0 15px 0 0;    
}

.rtl .comment-form-author,
.rtl .comment-form-email,
.rtl .comment-form-url
{
    float: right;
    width: 50%;
    padding: 0 0 0 15px;    
}

.herald-goto-top
{
    width: 45px;
    height: 45px;
    border-radius: 0px;
    padding: 7px 8px;
}

.rtl .herald-pagination .herald-next a:before,
.rtl .herald-pagination .next:before
{
    display: none;
}

.rtl .herald-pagination .prev a:after,
.rtl .herald-pagination .prev:after
{
    display: none;
}


/*
-----------------------------------------------------------------------------------------------------
LAYOUTS
-----------------------------------------------------------------------------------------------------
*/

.layout-d-wrapper
{
    width: 100%;
    display: grid;
    grid-template-columns: 170px auto;
    grid-gap: 0px 10px;
}

.layout-d-meta
{
    margin-top: 5px;
}

.layout-d-meta .entry-meta.meta-small span
{
    font-size: 1.4rem;
    line-height: 2.3rem;
}

.herald-section article
{
    min-height: 150px;
}

.small-layout-wrapper .entry-title a
{
    color: #0288d1;
    font-weight: 400;
}

.small-layout-wrapper .entry-title a:hover
{
    text-decoration: underline;
}

.carni-mobileonly
{
    display: none;
}

.carni-mobileonly-inline
{
    display: none;
}    

/*
-----------------------------------------------------------------------------------------------------
RESPONSIVE
-----------------------------------------------------------------------------------------------------
*/

/* ================== ^ DESKTOP ^ ================== */

/* ================== OVERWRITE THEME MOBILE ================== */
@media (max-width: 1439px) and (min-width: 1250px)
{
    .row
    {
        margin-left: -20px;
        margin-right: -20px;
    }
}

/* ================== PHONE ================== */
@media (max-width: 768px)
{    
    .carni-mobileonly
    {
        display: block;
    }
    
    .carni-mobileonly-inline
    {
        display: inline;
    }    
    
    .carni-fa-ly1-wrapper
    {
        width: 100%;
        height: 800px;

        display: grid;

        grid-template-columns: 100%;
        grid-template-rows: 2fr 2fr repeat(2, 1fr [col-start]);
        grid-template-areas:"main"        
                            "secondary_top"
                            "."
                            ".";
        grid-gap: 5px 0px;
    }  
    
    .carni-fa-headlines-grid,
    .col-lg-12 .carni-fa-headlines-grid
    {
        width: 100%;    
        height: auto;
        display: grid;

        grid-template-columns: 100%;
        grid-template-rows: 250px repeat(3, 150px [col-start]);
        grid-template-areas:"main"        
                            "secondary_top"
                            "."
                            ".";
        grid-gap: 10px 0px;   
        margin-bottom: 5px;
    }
    
    .carni-widget-countryinfo-items-grid
    {
        column-count: 1;
    }    
    
    .carni_widget_related_wrapper
    {
        display: flex;
        flex-flow: column nowrap;
        justify-content: flex-start;
        align-items: center;

        width: 100%;        
    }    
    
    .carni-search-fields-wrapper
    {
        width: 100%;
        flex: 1 1 100%;
        
        display: flex;
        flex-flow: column nowrap;
        justify-content: flex-start;
        align-content: flex-start;
    }
    
    .carni-search-wrapper
    {
        display: block;
    }    
    
    .carni-search-wrapper.closed
    {
        display: grid;
        grid-template-columns: auto 50px;        
    }
    
    .carni-search-wrapper.closed .carni-search-submit
    {
        height: 35px;
        margin: 19px 0px 0px 4px;
    }
    
    .rtl .carni-search-wrapper.closed .carni-search-submit
    {
        margin: 19px 4px 0px 0px;
    }    
    
    .carni-search-wrapper.closed .carni-search-reset
    {
        display: none;
    }
        
    .carni-search-buttons,
    .rtl .carni-search-buttons
    {   
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        align-content: flex-start;

        padding: 0px;
        margin: 5px 0px 0px 0px;
        flex: 1 1 100%;
    }

    .carni-search-buttons .carni-search-submit
    {        
        flex: 1 1 70%;
        height: 50px;

        padding: 0px;
        margin: 0px 0px;    
    }    

    .carni-search-buttons .carni-search-reset
    {
        flex: 1 1 30%;
        height: 50px;

        padding: 0px;
        margin: 0px 0px 0px 5px;    
    }     
    
    .rtl .carni-search-buttons .carni-search-reset
    {
        margin: 0px 5px 0px 0px;    
    }
    
    .carni-search-date .carni_datePicker
    {
        font-size: initial;
        padding-right: 30px;
    } 
        
    .carni-event-videos-wrapper
    {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 100px;
        grid-gap: 5px 5px;
    }    
    
    .carni-event-video-cell
    {
        height: 100px;
    }  
    
    .carni-event-video-player
    {
        padding-bottom: 75%; 
    }    
    
    .carni-slideshow-overlay-container
    {
        grid-template-rows: auto 90px;    
    }

    .carni-slideshow-bullets-container
    {
        height: 60px;
        grid-template-rows: auto 30px 30px;
        grid-template-areas:"titles"
                            "bullets"
                            "scroll";
        
        margin-bottom: 30px;
    }
    
    .carni-slideshow-bullets-titles
    {
        display: none;
    }    
    
    .carni-slideshow-title a
    {
        font-size: 4rem;
        line-height: 4.8rem;    
    }

    .carni-slideshow-subtitle a
    {
        font-size: 2.2rem;
        line-height: 2.8rem;   
    }      

    .carni-ntfc-text
    {
        max-width: 100%;        
    }

    .carni-ntfc-button
    {        
        margin: 15px 10px;
    }
    
    .carni-ntfc-button input
    {
        padding: 10px 30px;        
    }

    .carni-ntfc-button input:hover
    {   
        background-color: #1565C0;
    }   
    
    .carni-ntfc-button input:active
    {
        transform: scale(0.95,0.95);
    }  
    
    .carni-catmodule-wrapper
    {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: 70px;
        justify-items: center;
        align-items: center;
        grid-gap: 15px;
    }
 
    .carni-catmodule-item:hover .carni-catmodule-item-hover
    {
        opacity: 0.4;        
    }

    .carni-catmodule-item:hover .carni-catmodule-item-icon
    {
        animation: none;
    }    
    
    .carni-fa-headlines-smlp-wrapper
    {
        width: 100%;
        display: flex;
        flex-flow: column nowrap;
        justify-content: flex-start;
        align-items: center;
    }    
    
    .carni-fa-headlines-smallpost
    {        
        overflow: hidden;
        height: 150px;
        width: 100%;
        margin: 6px 0px;
        position: relative;
    }    
    
    .layout-d-wrapper
    {
        width: 100%;
        display: grid;
        grid-template-columns: 100px auto;
        grid-gap: 0px 10px;
    }
    
    .layout-d-meta
    {
        margin-top: 5px;
    }

    .layout-d-meta .entry-meta.meta-small span
    {
        font-size: 1.4rem;
        line-height: 2.3rem;
    } 
    
    .herald-section article
    {
        min-height: 1px;
    }    
    
    .gallery-item
    {
        padding: 5px;
    }    
    
    .gallery-icon img:hover
    {
        opacity: 1;
    }
    
    .carni-fa-ly1-main-sub
    {
        overflow: hidden;
        padding: 0px 20px 15px 20px;    
        opacity: 1;
        transition: none;
    }    

    .carni-banner-text,
    .carni-banner-text.carni-banner-text-nobutton
    {
        display: flex;
        flex-flow: column wrap;
        justify-content: center;
        align-items: center;
        
        font-size: 2rem;
        line-height: 2.5rem;    
    }
    
    .carni-banner-subtitle
    {
        font-size: 1.5rem;
        line-height: 2rem;            
    }

    .carni-banner-button,
    .carni-banner-large .carni-banner-button
    {
        display: none;
    }

    .carni-banner-large:hover .carni-banner-button
    {
        display: none;
    }
    
    .carni-banner-large .carni-banner-header
    {
        display: none;
    }

    .carni-banner-large:hover .carni-banner-header
    {
        display: none;
    }        

    .carni-event-header-info
    {
        display: block;
    }

    .carni-post-shareicons
    {    
        width: 100%;
        grid-template-columns: repeat(5, 1fr);
        margin: 10px 0px;
    }

    .carni-post-shareicon:hover
    {
        opacity: initial;
    }
    
    .carni-post-shareicon-comment   
    {
        display: none;
    }

    .carni-widget-countryAndCity-wrapper
    {
        width: 100%;
        display: block;
    }

    .carni-widget-countryAndCity-column
    {
        
    }    

    .search article.post,
    .archive article.post
    {
        padding: 40px 0px 50px 0px;
        border-bottom: solid 2px #bebebe;
    }

    .search article.post:first-child,
    .archive article.post:first-child
    {
        padding-top: 0px;
    }

    .search article.post:last-child,
    .archive article.post:last-child
    {
        border-bottom: none;
    }    
    
    .archive .herald-posts .herald-ad,    
    .archive .herald-posts .herald-ad,
    .search .herald-posts .herald-ad,    
    .search .herald-posts .herald-ad 
    {
        border: none;
        margin: 0px;
    }
    
    .comment-form-author,
    .comment-form-email,
    .comment-form-url
    {
        float: none;
        width: 100%;
        padding: 0;    
    }    
    
    .carni-event-bottomsidebar
    {
        margin-bottom: 20px;
    }  

    .carni-widget-booking
    {
        width: 100%;
        padding: 0px;
        border: none;    
    }

    .carni-widget-booking-title
    {
        margin: 0px;
    }

    .carni-widget-booking-buttons
    {
        display: block;
        margin-top: 0px;
    }    
    
    .carni-widget-booking-buttons > a
    {
        margin: 0px;
    }
    
    .carni-widget-booking-button
    {
        width: 100%;
        margin: 10px 0px;
    }

    
    .archive .herald-lay-b .col-lg-4,
    .search .herald-lay-b .col-lg-4
    {
        float: none;
    }
}