/*
Theme Name: Palmtran Child Theme
Theme URI: https://hightechweb.com
Template: generatepress
Author: Emanuel Costa
Author URI: https://blog.emanuelcosta.com
Description: Custom theme for palmtran.org
Version: 0.0.1.1632184143
Updated: 2021-09-21 00:29:03

*/

/* Begin: Mega menu customization */


/*News And event and alert Scroll*/
.simple-marquee-container *{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
    font-family: "Source Sans Pro", Arial, Helvetica, sans-serif
}
.simple-marquee-container {
    width: 100%;
    background: #fff;
    float: left;
    display: inline-block;
    overflow: hidden;
    box-sizing: border-box;
    height: 45px;
    position: relative;

}

.simple-marquee-container .marquee-sibling {
    padding: 0;
    background: rgb(74, 174, 169);
    width: 20%;
    height: 45px;
    line-height: 42px;
    font-size: 1.032em;
    font-weight: bold;
    color: #000000 !important;
    text-align: center;
    float: left;
    left: 0;
    font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
    z-index: 2000;
}
.Alert .marquee .fa {
    color: #ac1534;
    padding: 0 10px;
}
.Event .marquee .fa {
    color: #4aaea9;
    padding: 0 10px;
}
.marquee {
    overflow: hidden;
    color: #000!important;
    padding: 10px 0;
    font-size: 1.032em;
}
.marquee-symbol{
    color:#66ff33;
    margin-right:5px;
}
.marquee-text{
    margin-right:5px;
}


.Alert .marquee-sibling {
    background-color: #f96481!important;
}
/*END: News And event and alert Scroll*/

/* make the homepage form container relative for positioning */
body #gform_wrapper_1 {
    position: relative;
}

/* gravityforms custom css here and at customizer */
div#field_1_1.gfield.gfield--width-three-quarter {
    grid-column: span 11 !important;
}
div#field_1_2.gfield.gfield--width-quarter {
    grid-column: span 1 !important;
}
#gform_wrapper_1 .gform_footer {
    visibility: hidden; position: absolute; left: -100vw;
}
#gform_wrapper_1 .htw_go_btn {
    background-color: #DC4A7F;
    color: #ffffff;
    font-size: 22px;
    padding: 12px 20px !important;
}
/* Accessibility */
a:hover, a:focus, *:focus {
    outline: 2px dotted #ff0044 !important;
}

/* mega menu customizations */
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row {
    border-bottom: 5px solid #4aaeaa;
}

#mega-menu-wrap-primary #mega-menu-primary .htw-menu-executive ul li{
    background-color: #444444 !important;
    color: #ffffff !important;
    text-align: center!important;
    padding: 10px 10px!important;
    margin: 0!important;
    font-weight: bold;
}
#mega-menu-wrap-primary #mega-menu-primary .htw-menu-executive ul li h2 a {
    color: #4aaeaa!important;
    font-size: 18px;
    margin-top: 4px;
    margin-bottom: 0;
}
#mega-menu-wrap-primary #mega-menu-primary .htw-menu-executive ul li h3 {
    margin-top: 2px;
    margin-bottom: 0;
    font-size: 14px;
}

#mega-menu-wrap-primary #mega-menu-primary .MenuCustomPanel {
    padding: 10px;
    background-color: #4aaeaa;
    margin: 4px;
}

#mega-menu-wrap-primary #mega-menu-primary .MenuCustomPanel h2 {
    font-size: 2em;
    margin-bottom: 0!important;
    margin-top: 10px!important;
    text-align: center;
    color: #000000;
}
#mega-menu-wrap-primary #mega-menu-primary .MenuCustomPanel h3 {
    font-size: 1em;
    margin-bottom: 0px!important;
    text-align: center;
    color: #000000;
}

#mega-menu-wrap-primary #mega-menu-primary h5 {
    color: #4aaeaa;
    font-weight: bold;
}

#mega-menu-wrap-primary #mega-menu-primary .address-1, #mega-menu-wrap-primary #mega-menu-primary .address-2 {
    color: #000000;
    font-weight: bold;
}

#mega-menu-wrap-primary #mega-menu-primary .fa {
    color: #4aaeaa !important;
}

    /* end mega menu customizations */

/* Back to Top Button */
.generate-back-to-top,
.generate-back-to-top:visited {
    background-color: #00aea9;
    color: #FFFFFF;
}

/* how to ride */
.texthoverwhite:hover p, .texthoverwhite:hover h2, .texthoverwhite:hover h3 {
    color: white !important;
}
a.Readmorebutton {
    background-color: #29615D;
    color: #fff!important;
    padding: 0.29em;
}

/* hero diagonal header */
.h1-diagonal-header{
    background-image: linear-gradient(150deg,rgba(255,255,255,0) 20%,rgba(33, 33, 33, 0.77) 15%);
}

/* Quick pass styles */
.FareSubTitle a {color: #2f7774; font-size: 0.968em; text-decoration: underline;}
.FareSubTitle hr { text-align: center; width: 70%; padding:0; margin: 0 15% !important; border-top: 1px solid #e3e3e3;}
.FareSubTitle p {margin: 0 !important; color: #2f7774; font-size: 0.968em;}

/* Text message service */
.quote-left {
    margin: 0 0 30px 100px;
    padding: 25px;
    text-align: left;
    border-left: 5px solid #e3e3e3;
}

.palmtranUL li {
    font-size: 0.968em;
    list-style-type: none!important;
    list-style-position: outside;
    vertical-align: middle;
    padding: 5px 0;
    margin-left: 60px;
    list-style-image: url(/wp-content/uploads/2020/03/Palmtrantree-2.png);
}

/* public notices */

.boxServices {
    position: relative;
    padding: 20px;
    height: auto;
    background: linear-gradient(to bottom,#E4E5EC,#E4E5EC);
    box-shadow: 0 15px 25px rgba(0,0,0,.1);
    border-radius: 15px;
    margin: 10px;
    box-sizing: border-box;
    overflow: hidden;
    text-align: center;
}
.boxServices:before
{
    content:'';
    width: 50%;
    height: 100%;
    position:absolute;
    top:0;
    left:0;
    background:rgba(255,255,255,.2);
    z-index:2;
    pointer-events:none;
    text-align: center;
}
.boxServices .icon {
    background:#40d6f7;
}

.boxServices .content {
    position: relative;
    z-index: 1;
    transition: 1.5s!important;
}

.boxServices .icon {
    position:relative;
    width: 2.3em;
    height: 2.3em;
    background:#FF1493;
    justify-content: center;
    aling-items: center;
    margin:10px auto;
    border-radius:20%;
    font-size: 2.450em;
    font-weight:normal;
    transition:2s!important;
    padding:10px;
}
.boxServices .icon i {
    padding: 5px;
}
.boxServices a, .boxServices .content a:hover {
    color: #000;
    font-family: 'Noto Sans';
    font-weight: 600;
    text-decoration: underline !important;
}


.boxServices .icon
{
    box-shadow:0 0 0 0 #176074;
    backgraund:#176074;
}
.boxServices .icon
{
    box-shadow:0 0 0 0 #76D7C4;
    backgraund:#76D7C4;
}
.boxServices:hover .icon
{
    box-shadow:0 0 0 400px #176074;
}

.boxServices:hover .icon
{
    box-shadow:0 0 0 400px #76D7C4;
}

/* park and ride */
span.RouteColor {
    padding: 10px;
    background-color: #4aaea9;
    color: #0a0a0a;
    margin: 5px;
    display: inline-block;
    font-family: "Noto Sans";
    font-weight: 900!important;
}

p.ParkandRideRoute:before {
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-variant: normal;
    font-style: normal;
    font-size: inherit;
    line-height: 1;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    letter-spacing: 0;
    font-size: 1.613em;
    padding: 10px 10px 10px 0;
    line-height: 25px;
    margin-top: 0;
    color: #4aaeaa;
    content: '\f207';
}

/* about us */
.box-a:before, .box-b:before {
    z-index: 10;
    content: "";
    position: absolute;
    top: 0%;
    left: 0%;
    width: 0px;
    height: 0px;
    border-bottom: 30px solid #ec627d;
    border-left: 30px solid #d0526b;
    -webkit-box-shadow: 4px 4px 4px rgb(0 0 0 / 20%);
    -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    box-shadow: 4px 4px 4px rgb(0 0 0 / 20%);
    display: block;
    width: 0;
}

/* holiday schedule */
.th {
    background: #26625f;
    color: white;
    font-weight: bold;
}
/* Zebra striping */
.tr:nth-of-type(odd) {
    background: #eee;
}
/*  Table */
.table {
    width:100%;
    border-collapse: collapse;
}
.td, .th {
    padding: 10px;
    border: 1px solid #ccc;
    text-align: left;
    font-size: 18px;
}
@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

    .table {
        width: 100%;
    }

    /* Force table to not be like tables anymore */
    .table, .thead, .tbody, .th, .td, .tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    .thead .tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .tr { border: 1px solid #ccc; }

    .td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
    }

    .td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        /* Label the data */
        content: attr(data-column);

        color: #000;
        font-weight: bold;
    }

}
.gform_wrapper .gfield_required {color: #f96782 !important}
.gform_wrapper.gravity-theme .screen-reader-text {color:#fff}
.elementor-social-icon div {color: #fff;}
#mega-menu-wrap-primary #mega-menu-primary .htw-menu-executive ul li a {color: #fff;}
#mega-menu-wrap-primary #mega-menu-primary .htw-menu-executive ul li h3 {color: #fff;}