/* 
 Theme Name:     Holistech Systems
 Author:         Catasauqua Public Library
 Author URI:     http://www.holistechsystems.com
 Template:       Divi
 Version:        1.2
 Description:   Catasauqua Public Library website

 */

/* Color Scheme
    Primary Accent: #61deb9 (teal)
    Secondary (backgrounds): #f2ae62 (tan)
    Gray: #636363
    */

    /* Override Customizer*/
    .et-fixed-header #top-menu a, .et-fixed-header #top-menu a:hover {
        color: #fff!important;
    }

    .menu-donate_button {

        margin-left: 0px;
    }


    .logo-footer
    {
     margin-bottom:10px;
 }

 .footer_signup.footer_signup-custom
 {
     margin-top:30px;
 }

 .facebook-footer-icon
 {
   background: #61deb9;
   margin-right: 10px;
} 

.footer-widget
{
    margin-bottom: 60px !important;
}

#footer-bottom
{
 background-color: #f2ae62;
}

i.fa 
{
    line-height: 22px
}

#footer-info
{
	width:100%;
}

.col-sm-6.copyright-footer
{
	float:left;
}

.col-sm-6.credit-footer
{
	float:right;
}

#footer-info a 
{
    color: #ffffff!important;
}

.icon.facebook-footer-icon
{
	float:left;
}

.footer-note p
{
   float: left;
   width: 90%;
}
#main-header {
	top:-20px;
}
#top-header, #main-header {
    transition: all .2s ease-in-out;
}
#top-header.is-sticky {
	position:fixed;
	top:0px;
	width:100%;
	
}

#main-header.is-sticky {
	position:fixed;
	top:100px;
	width:100%;
}

@keyframes heartbeat
{
  0%
  {
    transform: scale( .75 );
}
20%
{
    transform: scale( 1 );
}
40%
{
    transform: scale( .75 );
}
60%
{
    transform: scale( 1 );
}
80%
{
    transform: scale( .75 );
}
100%
{
    transform: scale( .75 );
}
}

.emoji{
	font-size: 12px;
}

.emoji:hover
{
  background-color: red;
  width: 50px;
  height: 50px;
  animation: heartbeat 1s infinite;
}

#et-secondary-menu {
    float: left;
    padding-top: 1.3em;
}

#et-secondary-nav img {
    vertical-align: middle;
    margin-top: -1.7em;
}

.container.et_menu_container {
    background-color: #f2ae62;
}

.menu-donate_button, .menu-direction_button{
    background-color: #61deb9;
    padding: .5em 1.8em;
    font-size: 1.18em;
    /*margin-left: 2em;*/
}

.menu-direction_button:hover, .menu-donate_button:hover {
    background-color: #f2ae62;
}

@media only screen and (max-width: 980px) {
    #mobile_menu img {
        display: none;
    }

    .et_header_style_centered #main-header, .et_header_style_centered header#main-header .logo_container, .container.et_menu_container {
        background-color: #696766;
    }

    .et_mobile_menu li a {
        color: #696766!important;
    }

    .et_header_style_centered #main-header .mobile_nav.closed {
        background-color: #f2ae62;
    }

    .mobile_menu_bar:before {
        color: #fff!important;
    }
}

@media (min-width: 1281px) and (max-width: 1364px) {
    #et-secondary-nav img {
        width: 160px;
        margin-top: -0.4em;
        margin-right: 0em;
    }
    .menu-donate_button, .menu-direction_button {
        padding: .5em 1em;
    }
}

@media (min-width: 981px) and (max-width: 1280px) {
    #et-secondary-nav img {
        width: 160px;
        margin-top: -0.4em;
        margin-right: 0em;
    }
    .menu-donate_button, .menu-direction_button {
        padding: .5em 1em;
    }
}


@media all and (min-width: 981px) and (max-width: 1200px) {
    /* Menu is too long for this screen size */
/*     #et-secondary-nav img {
        width: 160px;
        margin-top: -0.4em;
        margin-right: 5em;
        }*/

        /* Make fonts smaller to fit width */
        #top-menu li a, .et_search_form_container input {
            font-size: .9em;
        }
    }

    @media all and (min-width: 981px) {
        /* Push contact info to the right */
        #et-secondary-nav img {
            /*margin-right: 10em;*/
            margin-right: 2em;
        }

        /* Menu links */
        #top-menu li a:hover, #top-menu li li a:hover {
            color: #fff;
        }

        /* Remove spacing around sub-menu items */
        #top-menu li li a, #top-menu li li a:hover {
            padding-top: 0;
            padding-bottom: .2em;
            padding-left: 0;
            margin-top: 0;
            opacity: 1;
            background-color: #f2ae62;
        }

        .nav li ul {
            padding-top: 0;
            padding-bottom: 0;
        }
        /* End remove spacing */

        #top-menu a {
            -webkit-transition: none;
            -moz-transition: none;
            transition: none;
        }

        #main-header .logo_container {
            display: none;
        }

        /* Move social icons to the right side and add a circle around them */
        #top-header {
            padding-bottom: 2em;
        }

        #top-header .et-social-icons {
            float: right;
            margin-top: .5em;
        }

        #top-header .et-social-icon a {
            font-size: 1.2em;
            line-height: 1.4em;
            padding: 7px;
            margin-bottom: 6px;
            width: 2.2em;
            height: 2.2em;
            border: 1px solid rgba(61, 61, 61, 0.58);
            border-radius: 50%;
        }

        #top-header .et-social-icon a:hover {
            background-color: #f2ae62;
        }

        /*** Make menu float over top content ***/
    /* Since the header is not full-width, remove the background of the container behind the menu.
     * This will leave the appearance of an 80% wide menu bar.
     */
     header#main-header, header#main-header.et-fixed-header {
        background-color: transparent;
        box-shadow: none!important;
    }
    /* Place the header/fixed header on top of Top Header */
    header#main-header, header#main-header.et-fixed-header {
        z-index: 999999;
    }

    /* Make the fixed nav (menu) overlap bottom of header and top of content */
    body.et_fixed_nav.et_secondary_nav_enabled #main-header {
        top: 6.4em!important;
    }

    /* Bring page content up since menu is no longer full-width,leaving transparency on each side
     * and has top moved up out of its original space, but the actual space remains.
     */
     .et_pb_pagebuilder_layout #main-content {
        top: -2.9em;
        position: relative;
        margin-bottom: -2.9em!important;
    }
}

.et_header_style_centered nav#top-menu-nav {
    margin-bottom: 0;
}

#top-menu li a, #top-menu li a:hover {
    padding-bottom: 1.2em;
    margin-top: 1.2em;
}

.et-search-field {
    opacity: 0;
}

/* Slides full-height */
@media only screen and (max-width: 1024px)  {
    .et_pb_slide_0, .et_pb_slide_1, .et_pb_slide_2 {
        height: 75vh!important;
    }
}

i.fa {
    color: #61deb9!important;
    line-height: 36px;
    vertical-align: middle;
    margin: 10px auto;
}

p > i.fa:hover {
    font-size: 2.2em;
}

/* Blurb row on Home page */
@media only screen and (min-width: 768px) {
    .home-blurbs_border_right {
        border-right: 1px solid #3d3d3d;
    }
}

.home-blurbs, .home-blurbs a {
    color: #fff;
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
}

.home-blurbs a:hover {
    text-shadow: 2px 2px 16px rgba(150, 150, 150, 1);
}

/* Headings */
.heading {
    padding-bottom: 2em;
    position: relative;
    text-align: center;
}

/* Blog Module*/
/* Hide Blog Excerpts */
.et_pb_blog_grid .post-content {
    display: none;
}

/* Make post date overlap featured image only on Blog Module */
.page .et_pb_post .post-meta {
    position: relative;
    margin-top: -1.5em;
    background-color: #61deb9;
    text-align: center;
}

/* Blog Posts (Single) */
/* Make post fullwidth after hiding sidebar in single.php */
.single #left-area{
    width: 100%;
    padding-right: 0;
}

.single #main-content .container:before {
    width: 0;
}

/* Post Meta info below title, above featured image */
#left-area ul {
    list-style: none;
    padding-left: 0;
}

.et_post_meta_wrapper ul {
    font-size: .89em;
    float: left;
}

.et_post_meta_wrapper ul li {
    padding-right: 1.2em;
    padding-left: 1.2em;
    line-height: 1.5em;
    border-right: 1px solid #eee;
}

.et_post_meta_wrapper ul li:first-child {
    color: #ccc;
    font-weight: bold;
}

.et_post_meta_wrapper ul li:nth-child(2), .et_post_meta_wrapper ul li a {
    color: #7a7a7a;
    font-weight: bolder;
    text-transform: uppercase;
}

.et_post_meta_wrapper ul li a:hover {
    text-decoration: underline;
}

/* Events */
.entry-content tr td, table.events-table {
    border: none;
    margin-right: 1em;
}

.event_single_box {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid rgba(94, 204, 202, .39);
}
.event_date_box {
    width: 48px;
    color: #61deb9;
    border: 1px solid rgb(94, 204, 202);
    text-align: center;
    margin-right: 1em;
    margin-bottom: 1em;
}

.event_day {
    font-size: 1.5em;
    font-weight: bold;
    padding-top: .2em;
    text-transform: uppercase;
}

.event_name_box {
    margin-left: 1em;
    margin-top: 1em;
}

.event_name a {
    color: #999;
    font-size: 1.2em;
    font-weight: bold;
}

.event_name i.fa {
    margin: 0;
}

/* Accordions: Add "minus" icon to close the accordion  */
.et_pb_toggle_open .et_pb_toggle_title:after {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -0.5em;
    color: #fff;
    font-size: 16px;
    content: "\e04f";
    font-family: "ETmodules" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    text-transform: none;
    speak: none;
}

/* Add spacing around Titles only when open */
.et_pb_accordion .et_pb_toggle_open h5.et_pb_toggle_title {
    margin: 1.2em 1.8em;
}

.et_pb_accordion .et_pb_toggle_open {
    padding: 0;
}

.et_pb_toggle_content {
    background-color: #fff;
    color: #3d3d3d!important;
    padding-top: 20px;
}

/* Comment forms */
.form-submit input {
    color: #fff!important;
}

/** Constant Contact Form Styling **/
.ctct-form-field .ctct-form-field-email label {
    display: block;
}

.ctct-form-field-submit #ctct-submitted {
    position: relative;
    padding: 0.5em 4.5em;
    border: none;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background: #61deb9;
    color: #fff;
    font-size: 1em;
    font-weight: 500;
    line-height: 1.3em !important;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    margin-left: 40%;
}

.ctct-form-field-submit #ctct-submitted:hover {
    background-color: #f2ae62 ;
}

.ctct-form {
    box-shadow: 0 0 5px 1px #e8e8e8;
}

.ctct-form label[for^="email"] {
    display: none;
}

.ctct-form input {
    margin-left: 0;
    min-height: 42px;
    width: 70%;
    padding: 10px;
}

.ctct-form .title:before, .ctct-form .title:after {
    content: '';
    position: absolute;
    height: 820px;
    width: 820px;
    border-radius: 50%;
    left: calc(50% - 410px);
    left: -webkit-calc(50% - 410px);
    left: -moz-calc(50% - 410px);
    bottom: 20px;
}

.ctct-form .title:before {
    opacity: .9;
    z-index: 3;
    background: #61deb9;
    right: auto;
    box-sizing: border-box;
}

.ctct-form .title {
    position: relative;
    padding: 22px 30px 70px;
    line-height: 34px;
    text-align: center;
    font-size: 22px;
    overflow: hidden;
    margin: 0 0 23px;
    color: #fff;
}

.ctct-form .title span {
    z-index: 5;
    position: relative;
}

.ctct-form .title:after {
    z-index: 2;
    top: auto;
    background: url('/wp-content/uploads/2016/11/bg-contact-form.jpg') no-repeat bottom center;
}

.ctct-form-field {
    text-align: center;
}

.ctct-form-field-submit #ctct-submitted {
    margin-left: 0;
}

.ctct-form hr,
.ctct-form sub {
    display: none;
}

/** End: Constant Contact Form Styling **/

/* Pre-footer Logos */
/* Hide this section on the Online Resources page */
.page-id-507 .footer-logos {
    display: none;
}

/** Footer Flex Layout */
#footer-widgets {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: center;
  -webkit-justify-content: center;
  align-content: space-between;
  -webkit-align-content: space-between;
}

@media (max-width: 479px) {
  #footer-widgets {
    flex-direction: column;
    -webkit-flex-direction: column;
}
}

@media all and (max-width: 768px) {
    #footer-widgets {
        padding-bottom: 0;
    }
}


.footer-widget:first-child {
  flex: 2;
  -webkit-flex: 2;
}

.footer-widget {
  flex: 1;
  -webkit-flex: 1;
  float: none;
}

/** End: Footer Flex Layout */

/* Footer */
#footer-widgets .footer-widget li:before {
    border: none;
}

#footer-widgets .footer-widget li {
    padding-left: 0;
}

/* Remove indentation from sub-menus */
.footer-widget .sub-menu li {
    margin-left: 0;
}

/* phone link in footer */
#footer-widgets div.textwidget div a {
    color:#fff;
}

/* Footer Contact & Social Icons */
@media all and (min-width: 981px) {
    .et_pb_gutters3.et_pb_footer_columns4 .footer-widget {
        width: auto;
    }
}

.footer_signup {
    margin-bottom: 55px;
}

#footer-widgets div span {
    padding-left: 1em;
}

.footer_signup .ctct-form-field-submit,
.footer_signup .ctct-form-field-submit #ctct-submitted {
    background-color: #f2ae62;
    position: static;
    padding: 0;
    margin: 0;
    width: 100%;
    border-radius: 0 3px 3px 0 !important
}

.footer_signup .ctct-form-field-submit {
    right: 0;
    text-align: center;
    width: 80px;
}

.footer_signup #ctct-submitted:hover {
    background-color: #61deb9;
}

.footer_signup form {
    position: relative;
}

.footer_signup .ctct-form {
    box-shadow: none;
}

.footer_signup .ctct-form-field {
    position: absolute;
    top: 15px;
}

.footer_signup .ctct-form-field input {
    min-height: 30px;
    padding: 5px !important;
    margin: 0;
}

.footer_signup .ctct-form-field-email {
    left: 0;
    width: 100%;
    text-align: left;
}

.footer_signup .ctct-form-field-email input {
    width: 78%;
    border-radius: 3px 0 0 3px;
    border-color: #fff!important;
}

.ctct-form-wrapper input[type="email"]:required:valid, .ctct-form-wrapper .success {
    background-color: #fff;
}


.footer_contact i.fa {
    margin: 5px auto;
}

.footer_social {
    float: left;
}

.footer_social a {
    font-size: 1.2em;
    line-height: 1.4em;
    padding: 7px;
    margin-bottom: 6px;
    width: 2.2em;
    height: 2.2em;
    border: 1px solid rgba(61, 61, 61, 0.58);
    border-radius: 50%;
}

.footer_social a:hover {
    background-color: #f2ae62;
}

.footer_social .et-social-icons li {
    margin-left: 0;
    margin-top: 10px;
}

.footer_social .et-social-twitter a {
    margin-left: .8em;
}

/* Footer Copyright area */
.footer-bottom {
    border-top: 1px solid rgba(10, 10, 10, 0.15);
}

#footer-info a {
    color: #61deb9!important;
}

#footer-info {
    float: right;
}

/* New CSS */

#mobile_menu {
	max-height: calc(68vh - 30px);
	overflow: scroll;
}

@media (min-width:768px) {
#mobile_menu {
	max-height: calc(68vh - 175px);
	overflow: scroll;
}
}

@media (max-width:981px) {
    .link_fa a {
        text-align: left;
    }
    .link_donate a {
        text-align: center;
    }
    .link_direct a {
        text-align: center;
    }
}


.link_fa span {
  display: none;
}

.link_fa a:before {
  content: "\e093";
  font-family: "ETmodules" !important;
  position: relative;
  top: -3px;
}
.link_fa a {
  font-size: 1.2em;
  line-height: 1.4em;
  padding: 9px !important;
  margin-bottom: 6px;
  width: 2.5em;
  height: 2.5em;
  border: 1px solid rgba(61,61,61,.58);
  border-radius: 50%;
}
.link_fa a:hover {
  background-color: #f2ae62;
  opacity: 1 !important;
}