/*
 Theme Name:     CosyCostal Theme
 Theme URI:      http://www.boxcreative.ie/
 Description:    Divi Child Theme
 Author:         B[]X	
 Author URI:     http://www.boxcreative.ie
 Template:       Divi
 Version:        4.11.2
*/
 
@import url("../Divi/style.css");


@import url("https://use.typekit.net/ryf5qzn.css");

@font-face{
    /*font-family: "Gotham Round Bold";*/
    /*src: url('fonts/GothamRnd-Bold.otf'),*/
    /*url('fonts/GothamRnd-Bold.otf'); !* IE *!*/
}
@font-face{
    /*font-family: "Gotham Round Medium";*/
    /*src: url('fonts/GothamRnd-Medium.otf'),*/
    /*url('fonts/GothamRnd-Medium.otf'); !* IE *!*/
}

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

/* ************************************************************* */
/* INIT */
/* ************************************************************* */

:root {
    /* Colors: */
    --default-color-yellow: #f8b768;
    --default-color-blue: #47b7c8;
    --default-color-red: #ee3469;
    --default-color-bluelight: #eceef3;

    --default-color-white: #FFFFFF;
    --default-color-greylight: #e7e7e8;
    --default-color-grey: #888888;
    --default-color-greydark: #1D1D1B;
    --default-color-border: #2C247640;
    --default-color-borderwhite: #FFFFFF40;

    /* Font/text values */
    /*--default-font-family-gotham: 'Gotham Round Medium', Helvetica,Arial,Lucida,sans-serif;*/
    /*--default-font-family-gothambold: 'Gotham Round Bold', Helvetica,Arial,Lucida,sans-serif;*/

    --default-font-style-normal: normal;

    /* Shape sizes */
    --size-max-width-content: 1300px;
    --size-max-width-post: 856px;

    --size-radius-header-desktop: 100px;
    --size-radius-menu-hover: 8px;
    --size-radius-boxes: 20px;
    --size-radius-buttons: 14px;

    --default-transition-time: 0.2s;
}

.et_pb_section .color-white, .color-white, #main-footer .color-white { color: #ffffff !important; }
.et_pb_section .color-black, .color-black, #main-footer .color-black   { color: #000000 !important; }
.et_pb_section .color-grey, .color-grey, #main-footer .color-grey { color: var(--default-color-grey) !important; }
.et_pb_section .color-greylight, .color-greylight, #main-footer .color-greylight { color: var(--default-color-greylight) !important; }
.et_pb_section .color-blue, .color-blue, #main-footer .color-blue { color: var(--default-color-blue) !important; }
.et_pb_section .color-yellow, .color-yellow, #main-footer .color-yellow { color: var(--default-color-yellow) !important; }
.et_pb_section .color-red, .color-red, #main-footer .color-red { color: var(--default-color-red) !important; }

/*@import url(http://fonts.googleapis.com/css?family=Didact+Gothic);*/

/* ************************************************************* */
/* header */

html, body {
	/*font-family: var(--default-font-family-gotham);*/
}
body {
    /* fix for popups */
    padding-right: 0 !important;
    background-color: var(--default-color-bluelight);
}
/*p { font-family: "Open Sans", Arial,sans-serif; }*/
:root :where(a:where(:not(.wp-element-button))),
#page-container :where(a:where(:not(.wp-element-button))),
body a:where(:not(.wp-element-button)) {
    text-decoration: none;
}
h1, h2, h3, h4 {
    font-family: baker-signet-web, serif;
}

/*h1 { font-size: 68px; line-height: 1em; font-weight: 600; }*/
/*h2 { font-size: 38px; line-height: 1.1em; font-weight: 500; }*/
/*h3 { font-size: 26px; line-height: 1.15em; font-weight: 900; }*/
/*h4 { font-size: 18px; line-height: 1.5em; font-weight: 600; }*/
/*h5 { font-size: 22px; line-height: 1.15em; font-weight: 600; }*/



/* ------------------------------------------------------------------------ */
/* --------   Defaults   ------------------------------------- */
/* ------------------------------------------------------------------------ */

.et_pb_section {
    background-color: transparent;
}

/* ------------------------------------------------------------------------ */
/* --------   Header and Navigation   ------------------------------------- */
/* ------------------------------------------------------------------------ */

#main-header #mobile_menu,
#mobile_menu {
    background-color: #333333;
}
#main-header #mobile_menu li a {
    color: #ffffff;
}

#page-container #main-header { box-shadow: none; }

@media only screen and ( min-width: 981px ) and ( max-width: 1099px ) {
    #main-header #top-menu li { padding-right: 9px; }
    #main-header #top-menu li a { font-size: 16px; }
}

@media only screen and ( max-width: 980px ) {
    #main-header #logo { max-height: 80%; }
}




/* ------------------------------------------------------------------------ */
/* --------   Custom Features   ------------------------------------- */
/* ------------------------------------------------------------------------ */

#language-switcher {}
#language-switcher .language-tabs {
    list-style-type: none;
    display: flex;
    justify-content: center;
    flex-direction: row;
    margin: 0 auto;
    padding: 0;
}
#language-switcher .language-tabs li {
    display: block;
    margin: 20px;
    width: 240px;
}
#language-switcher .language-tabs li a {
    display: block;
    text-align: center;
    width: 100%;
    padding: .3em 1em !important;
    font-size: 18px;
    background-color: var(--default-color-blue);
    color: #000000;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
#language-switcher .language-tabs li a.active,
#language-switcher .language-tabs li a:hover {
    background-color: var(--default-color-yellow);
    color: #ffffff;
}
@media only screen and ( max-width: 980px ) {
    #language-switcher .language-tabs { flex-wrap: wrap; }
    #language-switcher .language-tabs li { margin: 10px 20px; }
}

/* ------------------------------------------------------------------------ */
/* --------   Forms   ------------------------------------- */
/* ------------------------------------------------------------------------ */

form.contact-form {
    max-width: 420px;
}

#main-content form.contact-form .gform_fields {
    --gf-form-gap-y: 12px;
}

.gform_wrapper .gform_body input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
.gform_wrapper .gform_body textarea, .gform_wrapper .gform_body select {
    font-size: 14px;
    font-family: inherit;
    letter-spacing: normal;
    padding: 12px 12px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #201547;
    background-color: #ffffff;
    /*border: 1px solid #eee;*/
    border: 0 none;
}

#main-content form.contact-form .button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
#main-content form.contact-form .gform_wrapper .button {
    --gf-local-color: #333333;
    --gf-local-font-size: 20px;
    --gf-local-bg-color: var(--default-color-yellow);
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: never;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--gf-local-color);
    font-size: var(--gf-local-font-size);

    padding: .5em 1.2em !important;

    background-color: #f8b768;
    border-width: 1px !important;
    border-color: #f8b768;
    border-radius: 14px;

    transition: all 0.2s ease-in-out;
}

#main-content form.contact-form .button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover,
#main-content form.contact-form .gform_wrapper .button:hover {
    background-color: var(--default-color-blue);
    border-color: var(--default-color-blue);
    padding: .5em 1.2em !important;
}

/*:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::after, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::after, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) .dashicons, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::after, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) .dashicons, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::after, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::after, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before*/

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

.footer-row { }
.footer-row .et_pb_column {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}


.footer-logo { }


#main-content .footer-section {
    padding-bottom: 40%;
}
@media only screen and ( min-width: 1800px ) {
    #main-content .footer-section { padding-bottom: 40%; }
}
@media only screen and ( min-width: 1500px ) and ( max-width: 1799px ) {
    #main-content .footer-section { padding-bottom: 55%; }
}
@media only screen and ( min-width: 1200px ) and ( max-width: 1499px ) {
    #main-content .footer-section { padding-bottom: 65%; }
}
@media only screen and ( min-width: 980px ){
    .footer-row { display: flex; }
}
@media only screen and ( min-width: 980px ) and ( max-width: 1199px ) {
    #main-content .footer-section { padding-bottom: 80%; }
}
@media only screen and ( max-width: 980px ) {
    #main-content .footer-section { padding-bottom: 60%; }
}
@media only screen and ( max-width: 640px ) {
    #main-content .footer-section { padding-bottom: 75%; }
}


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

#footer-bottom {
    padding-top: 10px;
}
#footer-bottom a { font-weight: normal; }

#footer-bottom #footer-info {
    width: 100%;
    float: none;
}
#footer-info .author { float: right; }

@media only screen and ( max-width: 980px ) {
    #footer-info .author { float: none; width: 100%; display: block; margin-top:15px; }
}