/*
Theme Name: Reshape Block
Theme URI: https://cozythemes.com/reshape-block-free-wordpress-theme/
Author: CozyThemes
Author URI: https://cozythemes.com/
Description: Reshape Block serves as the child theme of FotaWP, inheriting all the features of FotaWP. It has been designed for the multipupose site builder and offers block-based full site editing capabilities.  It's minimal and clean design allows users to create various types of agency website, startup, freelancer, coaching, public speakers, social media influencer, digital media and tech industry, seo business and digital marketing agency, tech company, counselling, consulting any other kind of cooperative business site and more.  For further information about Reshape Block, kindly explore the details available at https://cozythemes.com/reshape-block-free-wordpress-theme/
Template: fotawp
Version: 1.0.1
Requires at least: 5.9
Tested up to: 6.4
Requires PHP: 7.0
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: reshape-block
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, e-commerce, full-site-editing, block-patterns, full-width-template, rtl-language-support, threaded-comments, translation-ready, block-styles, wide-blocks
*/
.wp-block-buttons.fotaagency-buttons-with-icon .wp-block-button__link img {
    margin-bottom: -8px;
}

nav.wp-block-navigation ul li a:hover,
.wp-block-button.is-style-outline a:hover {
    color: #00bcda !important
}

.entry-content.wp-block-post-content a,
.wp-block-comment-content a,
p a {
    text-decoration: underline;
}

.wp-block-group.reshape-block-member,
.wp-block-group.reshape-portfolio-box {
    position: relative;
    overflow: hidden;
    background: var(--wp--preset--color--primary);
}

.wp-block-group.reshape-block-member .wp-block-image,
.wp-block-group.reshape-portfolio-box .wp-block-image {
    margin: 0;
}

.wp-block-group.reshape-block-member .wp-block-image img,
.wp-block-group.reshape-portfolio-box .wp-block-image img {
    transition: all ease 0.23s;
    -webkit-transition: all ease 0.23s;
    -moz-transition: all ease 0.23s;
}

.wp-block-group.reshape-block-member:hover .wp-block-image img,
.wp-block-group.reshape-portfolio-box:hover .wp-block-image img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    opacity: 0.35;
}

.wp-block-group.reshape-block-member .wp-block-group.reshape-team-overlay-content,
.wp-block-group.reshape-portfolio-box .wp-block-group.portfolio-overlay-content {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    opacity: 0;
    transition: all ease 0.23s;
    -webkit-transition: all ease 0.23s;
    -moz-transition: all ease 0.23s;
}

.wp-block-group.reshape-block-member:hover .wp-block-group.reshape-team-overlay-content,
.wp-block-group.reshape-portfolio-box:hover .wp-block-group.portfolio-overlay-content {
    bottom: 30px;
    opacity: 1;
    color: var(--wp--preset--color--foregound-alt);
}

.wp-block-group.reshape-portfolio-box:hover .wp-block-group.portfolio-overlay-content .wp-block-heading {
    color: var(--wp--preset--color--foregound-alt);
}

.wp-block-button.is-style-button-hover-primary-bgcolor .wp-block-button__link:hover,
.wp-block-button.is-style-button-hover-primary-color .wp-block-button__link:hover {
    border-color: var(--wp--preset--color--primary) !important;
}

.wp-block-button.is-style-button-hover-secondary-bgcolor .wp-block-button__link:hover,
.wp-block-button.is-style-button-hover-secondary-color .wp-block-button__link:hover {
    border-color: var(--wp--preset--color--secondary) !important;
}

.wp-block-group.is-nowrap.is-layout-flex.wp-container-core-group-layout-1.wp-block-group-is-layout-flex {
    color: white;
    vertical-align: top;
    position: absolute;
    top: 30px;
    right: 15px;
    z-index: 100000000000000;
    font-size: 13px;
    font-family: 'Lato', sans-serif;
    padding-right: 30px;
}

.wp-block-heading.has-text-align-center {
    max-width: 405px;
}

h1 {
    font-size: 42px;
    line-height: 48px;
}

.wp-block-heading.has-text-align-center code {
    font-family: 'Lato', sans-serif !important;
    font-size: 42px;
    font-weight: 700;
    color: #ffffff;
    text-align: center;
    float: none;
    margin: 0 auto;
}

.wp-container-core-group-layout-3.wp-container-core-group-layout-3 {
    gap: 10px;

    .has-text-align-center.has-medium-font-size {
        font-family: 'Lato', sans-serif;
        font-size: 14px !important;
        font-weight: 400;
        color: #ffffff;
        text-align: center;
        max-width: 405px;
        float: none;
        margin: 0px auto;
        line-height: 20px;
    }
}

.wp-site-blocks {
    background-color: white;
}

#logo {
    position: absolute;
    top: 10px;
}

.master-menu {
    position: relative;
    top: 50px;
}


nav.wp-block-navigation ul li a:hover, .wp-block-button.is-style-outline a:hover {
    color: #00bcda !important;
}

.wp-block-navigation .wp-block-navigation__submenu-icon {
    color: #00bcda !important;
}

.wp-block-buttons > .wp-block-button.has-custom-width .header-readmore {
    width: 165px;
    background-color: rgba(0, 188, 217, 0.6);
    padding: 10px 25px;
    display: block;
    color: #fff;
    border-radius: 0.25em;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 12px;
    position: relative;
    max-width: 175px;
    text-align: center;
    float: none;
    margin: 0px auto 0 auto;
    text-transform: uppercase;
    text-decoration: none;
}

.wp-block-buttons > .wp-block-button.wp-block-button__width-25.header-readmore {
    width: 175px;
    background-color: rgba(0, 188, 217, 0.6);
    /* padding: 10px 25px; */
    border-radius: 0.25em;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 12px;
    position: relative;
    max-width: 175px;
    text-align: center;
}

.wp-block-group.is-layout-constrained.wp-container-core-group-layout-4.wp-block-group-is-layout-constrained {
    position: relative;
    top: 140px;
}

@import url('main.css');

.top-container {
    height: 300px;
}
.overlaying {
    background-color: rgba(0,0,0,0.5);
    width: 100%;
    position: absolute;
    top: 0;
    height: 300px;
}
.top-container.more {
    padding-bottom: 300px;
}
.description{
    max-width: 500px;
}

.top-container.more.large-boxes {
    padding-bottom: 300px;
    background-position: center center;
    background-size: cover;
}
.top-bar {
    background-color: #00bcda;
    height: auto;
    padding: 0px;
    display: block;
}

.top-bar h1 {
    display: inline-block;
    color: #fff;
    padding-top: 8px;
    padding-left: 15px;

}

#event-display p{
    text-align:left;

}

.events-box-lower h3{
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 5.5px;
}

.events-box-lower h4{
    color: #00bcda;
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 5.5px;
    padding-top: 50px;
}
.events-box-lower h5{
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    /* 	 margin-bottom: 5.5px; */
}
.events-box-lower a{
    color: #00bcda;
    font-size: 12px;
    font-weight: 400;
    position: absolute;
    bottom: 15px;
    text-decoration: underline;
}
.events-box-lower a:hover{
    color: #fff;
    text-decoration: none;
    font-size: 12px;

}


.events-box-lower p{
    color: #fff;
    margin-bottom:10px;
}






#event-boxing{
    display: block;
    margin-bottom: 0px;
    /* border-bottom: 1px solid #e2e2e2; */
    height: 300px;
    width: 100%;
    padding: 0px;
    position: relative;
}

.linked{
    bottom: 0;
    right: 0;
    min-height: 175px;
    background-color: rgba(73,89,101,0.8); /* Black w/opacity */
    width: 100%;
    padding:30px;
    position: absolute;

}







.linked h3 {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 5.5px;
}
.linked h1 {
    color: #00bcda;
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 5.5px;
    padding-top: 0px;
    max-width: 480px;
}
.linked h5 {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    /* margin-bottom: 5.5px; */
}



.copy .events-icon {
    float: right;
    overflow: hidden;
    zoom: 1;
}

.copy .events-icon h1 {
    font-family: 'Lato', sans-serif;
    font-size: 70px;
    margin: 0;
    padding: 0;
    color: #495965;
    background: url('../../images/site/hr-header-navy.png') no-repeat bottom right;
    display: inline-block;
    *display: inline;
    float: left;
}

.copy .events-icon img {
    float: left;
    display: block;
    margin: 18px 10px 0 20px;
}

.list h2 {
    font-family: 'Lato', sans-serif;
    font-size: 20px;
    font-weight: normal;
    margin: 10px 20px 10px 20px;
    color: #495965;
    line-height: 22px;
}

.list .event {
    display: block;
    border: 1px solid #e2e2e2;
    margin-bottom: 15px;
    overflow: hidden;
    zoom: 1;
}

.list .event .link {
    background-color: #fff;
    box-sizing: border-box;
    margin: 15px;
}

.list .event:hover {
    border: 1px solid #00bcda;
}

.list .event:hover .link {
    background: url(../../images/site/ico-plus-small.png) no-repeat center right;
}

.list .event .thumbnail {
    width: 160px;
    border: 8px solid #00bcda;
    float: right;
    margin: 5px 5px 5px 20px;
}

.list .event h1 {
    font-family: 'Lato', sans-serif;
    margin: 0;
    padding: 0;
    font-size: 15px;
    color: #686868;
}

.list .event time {
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    color: #00bcda;
}

.calendar {
    padding-bottom: 0px;
}

.calendar .year-nav {
    box-sizing: border-box;
    overflow: hidden;
    zoom: 1;
    margin: 10px 2px;
}

.calendar .year-nav .previous,
.calendar .year-nav .next {
    box-sizing: border-box;
    width: 50%;
    background-color: #495965;
    color: #fff;
    margin: 0;
    font-size: 15px;
    line-height: 16px;
    padding: 15px;
}

.calendar .year-nav .previous {
    float: left;
    text-align: left;
}

.calendar .year-nav .previous .link {
    background: url(../../images/site/arr-calendar-left.png) no-repeat left center;
    padding-left: 20px;
    color: #00bcda;

}

.calendar .year-nav .next {
    float: right;
    text-align: right;
}

.calendar .year-nav .next .link {
    background: url(../../images/site/arr-calendar-right.png) no-repeat right center;
    padding-right: 20px;
    color: #00bcda;
}

.calendar table {
    border-collapse: separate;
    width: 100%;
}

.calendar td {
    font-weight: normal;
}

.calendar thead th,
.calendar thead th a {
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    color: #fff;
}

.calendar tbody td {
    width: 1%;
    overflow: hidden;
    zoom: 1;
}

.calendar tbody td a {
    background-color: #eaeaea;
    display: block;
    line-height: 60px;
    overflow: hidden;
    zoom: 1;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
}

.calendar tbody td a:hover,
.calendar tbody td a.current {
    background-color: #D0D1D9;
}

.calendar tbody td a .name {
    display: block;
    float: left;
    padding: 0 10px;
}

.calendar tbody td a .events-number {
    display: block;
    float: right;
    background-color: #00bcda;
    padding: 0 15px;
    color: #fff;
}

.calendar .enquiry {
    background: url(../../images/site/ico-enquiry.png) no-repeat center left;
    padding-left: 65px;
    line-height: 101px;
    margin: 0 4px;
}

.calendar .enquiry a {
    color: #00bcda;
}

.calendar .enquiry a:hover {
    color: #00bcda;
}

.calendar .additional-link {
    overflow: hidden;
    zoom: 1;
    border-top: 1px solid #ececed;
    margin: 0;
    padding: 20px 12px;
}

.calendar .additional-link a {
    color: #00bcda;
}

.calendar .additional-link a:hover {
    color: #00bcda;
}

.today {
    text-align: right;
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    line-height: 64px;
    padding-right: 15px;
    float: right;
}

.today p {
    margin: 0;
    padding: 0;
}

.today img {
    margin: 0 0 0 10px;
    vertical-align: middle;
}


@media (max-width: 1199.98px) {

    .calendar tbody td a .events-number {
        padding: 0px 10px;
    }
}



@media (max-width: 991.98px) {

    .events-box-lower h4 {
        color: #00bcda;
        font-size: 26px;
        font-weight: 700;
        margin-bottom: 5.5px;
        padding-top: 20px;
    }
    .calendar tbody td a .events-number {
        display: block;
        float: right;
        background-color: #00bcda;
        padding: 0px 6px;
        color: #fff;
    }
    .calendar tbody td a .name {
        display: block;
        float: left;
        padding: 0 5px;
    }
}







@media (max-width: 767.98px) {

    #event-display h3 {
        font-size: 18px;
        text-align: left;
    }

    .calendar tbody td a .name {
        display: block;
        float: left;
        padding: 0;
        font-size: 10px;
        text-align: center;
    }


    .events-box-lower h4 {
        color: #00bcda;
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 5.5px;
        padding-top: 50px;
    }

    .calendar tbody td a .events-number {
        display: block;
        float: right;
        background-color: #00bcda;
        padding: 0px 0;
        color: #fff;
        font-size: 10px;
        text-align: center;
    }
    .overlaying {
        background-color: rgba(0,0,0,0.5);
        width: 100%;
        position: absolute;
        top: 0;
        height: 250px;
    }
    .top-container {
        height: 250px;
        padding-bottom: 0px;
    }
    #lower-title {
        padding-top: 120px;
    }
    .lower-bg {
        width: 100%;
        height: 250px;
        background-size: cover;
        display: block;
        position: relative;
    }

    .top-container.more {
        padding-bottom:0px;
    }
    .calendar tbody td a {
        background-color: #eaeaea;
        display: block;
        line-height: 40px;
        overflow: hidden;
        zoom: 1;
        font-family: 'Lato', sans-serif;
    }

    #single-event-list .pl-0, #single-event-list .pr-0,  {
        padding-left: 12px !important;
        padding-right: 15px;
    }
    .linked {
        bottom: 0;
        right: 0;
        min-height: 100%;
        background-color: rgba(73,89,101,0.8);
        width: 100%;
        padding: 30px;
        position: absolute;
    }

    .top-bar h1 {
        font-size: 28px;
        line-height: 66px;
        text-align: center;
        position: relative;
        display: block;
        color: #fff;
        padding: 0;
        margin: 0;
        font-weight: 700;
    }
    .today {
        font-size: 14px;
        float: none;
        text-align: center;
        line-height: 0;
        padding-right: 0;
        padding-bottom: 15px;
    }
    .list .event .thumbnail {
        width: 90%;
    }



    .calendar table {
        border-spacing: 0px;
    }

    .calendar thead th,
    .calendar thead th a {
        font-size: 10px;
        padding: 5px 0 5px 0;
    }

    .calendar tbody td {
        vertical-align: top;
    }

    .calendar tbody td a .name,
    .calendar tbody td a .events-number {
        float: none;
    }

    .calendar .enquiry {
        line-height: 26px;
        margin: 30px 0;
    }




}