/*
 Theme Name:     Shanley 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-pink: #978d6f;
    --default-color-gold: #978d6f;
    --default-color-bluelight: #eceef3;

    --default-color-white: #FFFFFF;
    --default-color-greylight: #e7e7e8;
    --default-color-grey: #888888;
    --default-color-greydark: #1D1D1B;
    --default-color-blue: #66C4D9;
    --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;

    --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-pink, .color-pink, #main-footer .color-pink { color: var(--default-color-pink) !important; }
.et_pb_section .color-gold, .color-gold, #main-footer .color-gold { color: var(--default-color-gold) !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-bluelight, .color-bluelight, #main-footer .color-bluelight { color: var(--default-color-bluelight) !important; }
.et_pb_section .color-blue, .color-blue, #main-footer .color-blue { color: var(--default-color-blue) !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    ------------------------------------- */
/* ------------------------------------------------------------------------ */

.insta-box {}
.insta-box .et_pb_text_inner,
.insta-box .et_pb_text_inner p {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}
.insta-box a:hover {
    text-decoration: underline;
    color: #000000;
}

/* ------------------------------------------------------------------------ */
/* --------   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: 981px ){
    .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; }
}