/*
Theme Name: Crane Child
Theme URI: http://crane.grooni.com/
Template: crane
Author: Grooni
Author URI: http://grooni.com/
Description: Multipurpose WordPress Theme
Tags: custom-colors,theme-options,translation-ready
Version: 1.5.2.1574795218
Updated: 2019-11-26 19:06:58

*/

@font-face{
    font-family: 'Gibson-Light';
    src:url('/wp-content/themes/crane/assets/fonts/Gibson-Light.woff');
}

@font-face{
    font-family: 'Gibson-SemiBold';
    src:url('/wp-content/themes/crane/assets/fonts/Gibson-SemiBold.woff');
}

@font-face{
    font-family: 'Gibson-LightIt';
    src:url('/wp-content/themes/crane/assets/fonts/Gibson-LightIt.woff');
}

body {
    font-family: 'Gibson-Light' !important;
    color: #414142 !important;
}

h1,
h3 {
    font-family: 'Gibson-SemiBold' !important;
    color: #003D4C !important;
}

h1{
    font-family: 'Gibson-SemiBold' !important;
    color: #FFF !important;
}

h4 {
    font-family: 'Gibson-SemiBold' !important;
    color: #00BAB3 !important;
}

h2,
h5 {
    font-family: 'Poynter Oldstyle Disp Semi Bd';
    font-display: swap;
    font-style: normal;
    font-weight: normal;
}

h2 {
    color: #00BAB3 !important;
}

h5 {
    color: #003D4C !important;  
}

h6 {
    font-family: 'Gibson-LightIt' !important;
    color: #414142 !important;
}

a {
    color: #00BAB3;
}

a:hover {
    color: #b2d8d8;
}

body h6, body h5,body h4,body h3,body h2,body h1 {
    line-height: 1.15;
}

body p {
    line-height: 1.5;
}

body h2, body h5 {
    font-family: "Poynter Oldstyle Disp Semi Bd";
}


/* ==============================================
   DISPLAY OVERRIDE CLASSES
   Usage: <h1 class="show-as-h5"> or <p class="show-as-h2">
   Allows semantic HTML while controlling visual style
   
   Font size is intentionally NOT !important
   so inline styles from WPBakery/TinyMCE can override
   ============================================== */

/* --- Body / Paragraph Base --- */
.show-as-p {
    font-family: 'Gibson-Light' !important;
    color: #414142 !important;
    line-height: 1.5 !important;
    font-size: 16px;
}

/* --- H1: Gibson SemiBold, White --- */
.show-as-h1 {
    font-family: 'Gibson-SemiBold' !important;
    color: #FFF !important;
    line-height: 1.15 !important;
    font-size: 45px;
}

/* --- H2: Poynter Semi Bd, Teal --- */
.show-as-h2 {
    font-family: 'Poynter Oldstyle Disp Semi Bd' !important;
    font-style: normal !important;
    color: #00BAB3 !important;
    line-height: 1.15 !important;
    font-size: 32px;
}

/* --- H3: Gibson SemiBold, Dark Teal --- */
.show-as-h3 {
    font-family: 'Gibson-SemiBold' !important;
    color: #003D4C !important;
    line-height: 1.15 !important;
    font-size: 23px;
}

/* --- H4: Gibson SemiBold, Teal --- */
.show-as-h4 {
    font-family: 'Gibson-SemiBold' !important;
    color: #00BAB3 !important;
    line-height: 1.15 !important;
    font-size: 17px;
}

/* --- H5: Poynter Semi Bd, Dark Teal --- */
.show-as-h5 {
    font-family: 'Poynter Oldstyle Disp Semi Bd' !important;
    font-style: normal !important;
    color: #003D4C !important;
    line-height: 1.15 !important;
    font-size: 20px;
}

/* --- H6: Gibson Light Italic, Dark Gray --- */
.show-as-h6 {
    font-family: 'Gibson-LightIt' !important;
    color: #414142 !important;
    line-height: 1.15 !important;
    font-size: 14px;
}




/* -------- remove height fix --------
.slick-list.draggable {
    height: auto !important;
}
*/
.form-captcha {
    text-align: center;
    max-width: 15%;
    margin: 0 auto;
    margin-bottom: 20px;
}

.form-captcha p {
    margin-bottom: 15px;
}

.form-captcha img {
    margin-bottom: 20px;
}

.crane-featured-block__overlay,
.crane-breadcrumb,
.crane-portfolio-category-title,
.portfolio-category {
    display: none !important;
}

.crane-blog-grid-meta {
    text-align: center;
}

.crane-blog-grid-meta__title {
    font-family: "Open Sans";
    text-transform: initial;
    font-weight: 700;
    font-style: normal;
    font-size: 15px;
    margin-bottom: 3px;
}

.crane-blog-grid-meta__wrapper {
    padding: 0 !important;
}

.crane-blog-grid-meta__author__pub-date {
    font-family: "Open Sans";
    text-transform: initial;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
}

.crane-blog-style-flat .crane-blog-grid-item-wrapper {
    box-shadow: none;
}

.crane-blog-style-flat .crane-blog-grid-meta {
      padding: 10px;
}

.vc_images_carousel .vc_carousel-control .icon-next:before,
.vc_images_carousel .vc_carousel-control .icon-prev:before {
        color: #fff;
    font-size: 65px;
        top: -55px !important;
}

.vc_images_carousel .vc_carousel-control {
    opacity: 1 !important;
}

.crane-container {
    max-width: 1200px;
}

ol li, ul li {
    margin-bottom: 3px !important;
}

h5, h6 {
    color: #4a4d54 !important;
}

.single-post- crane-featured-block {
    height: calc(100vh - 0px) !important;
    
}

blockquote {
        padding: 30px;
    margin: 25px 15px;
    border-left-style: solid;
    border-left-width: 2px;
    margin-left: 70px;
    font-size: 16px;
    position: relative;
    
}

blockquote:before {
        color: #003d4c;
        content: "\f10d";
        font-family: 'Defaults';
    position: absolute;
    top: 0;
    left: -55px;
    font-size: 22px;
}

.crane-portfolio-hover-1 .portfolio-hover .portfolio-title,
.portfolio-category a{
    color: #fff !important;
}

/* Additonal Portfolio Styles */
.crane-portfolio-grid-item-wrapper .portfolio-category a {
    white-space:nowrap;
}

.crane-portfolio-grid-item-wrapper .portfolio-title {
    padding-left:35px; 
    padding-right:35px;
}
/* END Additonal Portfolio Styles */

#home-slider h1 {
    color: #fff !important;
}

.upb_video-wrapper {
    height: auto;
}

.gm-main-menu-wrapper .gm-navbar-nav .gm-dropdown-menu .gm-menu-item__link {
        display: inline-block;
    width: 100%;
}

.gm-main-menu-wrapper .gm-dropdown-menu-wrapper .gm-menu-item__txt-wrapper {
        width: 85%;
    display: inline-block;
}

@media (max-width: 1023px) {
    .gm-navbar .gm-wrapper {
    top: 0px;
    background-color: rgb(255, 255, 255);
    width: 100%;
    transform: translate3d(0px, 0px, 0px);
    }
    .gm-padding {
        padding-top: 0;
    }
    body .gm-navbar:not(.gm-navbar-sticky-toggle) .gm-logo__img-mobile {
        display: block;
    }
}

@media (min-width: 992px) {
    .single-post .crane-content .crane-container {
        width: 900px !important;
    }
    .single-post .footer .crane-container {
        max-width: 1200px !important;
    }
}

@media (max-width: 991px) {
    .gm-navigation-drawer--right .gm-dropdown-menu {
        padding: 0;
    }
    
    .single-post .crane-featured-block {
        height: 400px !important;
        
    }
}

@media (max-width: 575px) {
    .single-post .crane-featured-block {
    height: 210px !important;
}
    button.ubtn-large {
        padding: 20px 15px;
        font-size: 9px !important;
    }
    .form-captcha {
        max-width: 100%;
    }
    .form-captcha + p {
        text-align: center;
    }
    .form-captcha + p span.ajax-loader {
        display: none;
    }
}

.CT_navy {
    color: #003D4C;
}

.CT_teal {
    color: #00BAB3
}

.CT_green {
    color: #6CC24A;
}

.CT_grey_dark {
    color: #414142;
}

.single h1 {
    color: #0c4454 !important;
}

.single h3 {
    font-size: 18px;
}

.crane-content {
    overflow: hidden;
}

.crane-portfolio-slider .slick-slide {
    opacity: 1;
    min-height: 70vh;
    -o-object-fit: cover;
        object-fit: cover;
}

.crane-portfolio-slider .slick-list.draggable {
    height: 70vw;
}

.vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.vc_images_carousel.vc_build .vc_carousel-slideline .vc_carousel-slideline-inner>.vc_item {
    height: auto !important;
    display: block;
    text-align: center;
}

.vc_images_carousel.vc_build .vc_carousel-slideline .vc_carousel-slideline-inner>.vc_item img.lazyload, .vc_images_carousel.vc_build .vc_carousel-slideline .vc_carousel-slideline-inner>.vc_item img.lazyloading {
    height: 0 !important;
}

body .gm-main-menu-wrapper .gm-navbar-nav > .current-menu-ancestor > a .gm-menu-item__txt:after, body .gm-main-menu-wrapper .gm-navbar-nav > .menu-item > a:hover .gm-menu-item__txt:after, body .gm-main-menu-wrapper .gm-navbar-nav > li:hover > a .gm-menu-item__txt:after, body .gm-main-menu-wrapper .gm-navbar-nav > .menu-item > a:hover .gm-menu-item__txt:after, body .gm-main-menu-wrapper .gm-navbar-nav > li.current-menu-item > a .gm-menu-item__txt:after {
    background-color: #00BAB3 !important;
}

body .gm-main-menu-wrapper .gm-navbar-nav .gm-dropdown-menu .current-menu-item > .gm-menu-item__link, body .gm-main-menu-wrapper .gm-navbar-nav .gm-dropdown-menu .gm-menu-item__link:hover {
    color: #00BAB3;
}

.boise-carousel .lazyloaded {
    opacity: 1;
}

.postid-46391 .crane-featured-block {
    background-position: center top;
}

.blog-post-grid h3 {
    font-size: 18px;
    color: #414142 !important;
}

.blog-post-grid h3 a {
    color: #414142 !important;
}

body .crane-portfolio-slider .slick-arrow {
    height: auto;
    background-color: transparent !important;
}

body .crane-portfolio-slider .crane-slick-next::before, body .crane-portfolio-slider .crane-slick-next::after, body .crane-portfolio-slider .crane-slick-prev::before, body .crane-portfolio-slider .crane-slick-prev::after {
    font-size: 96px;
    opacity: 0.75 !important;
    transition: opacity 0.5s;
}

body .crane-portfolio-slider .crane-slick-prev {
    left: 40px !important;
    -webkit-transform: translate(0, -50%) !important;
    transform: translate(0, -50%) !important;
}

body .crane-portfolio-slider .crane-slick-next {
    right: 40px !important;
    -webkit-transform: translate(0, -50%) !important;
    transform: translate(0, -50%) !important;
}

body .crane-portfolio-slider .slick-arrow:hover:before {
    opacity: 1 !important;
}

#home-slider-row .upb_video-wrapper.uvc-row {
    position: absolute;
}

body blockquote:not(.crane-blockquote-main):not(.wp-block-pullquote) p {
    font-size: 16px;
    font-family: 'Gibson-Light' !important;
    font-weight: inherit;
    font-style: normal;
    color: #414142 !important;
    line-height: 24px;
}

/* Global Form Styles */

.gform_wrapper input[type=text], .gform_wrapper select {
    height:40px;
    background-color:#f9fafb;
    border:1px solid #063d4c;
    padding-left:10px;
}

.gform_wrapper textarea {
    border:1px solid #063d4c;
}

.gform_wrapper label {
    display:none;
}

.gform_wrapper input[type=submit] {
    height: 40px;
    line-height: 40px;
    padding: 0;
    background-color: #00bab3;
    width: 200px;
    float:right;
}

.gform_legacy_markup_wrapper ul.gform_fields li.gfield {
    padding-right:0;
    border-radius:0;
}
.personnel-routing button {
    padding:15px 30px;
    border-radius:0;
}
/* End Global Form Styles */

/* Magazine Layout Global Styles */
#magazine-layout article .category {
    border-right:1px solid #00bab3;
    color:#00bab3;
    font-weight:600;
    margin-left:0px !important;
    height: 10px;
    line-height: 10px;
    padding:0px 10px 0 10px;
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:2px;
    font-weight:900;
}
#magazine-layout .entry-footer .category:first-child {
    padding-left:0 !important;
}

#magazine-layout article .category:last-child {
    border-right:0px solid #063d4c;
}
#magazine-layout .entry-title a {
    font-size:23px;
    color:#00bab3;
    font-weight:700;
    margin-bottom:5px;
    line-height:1.15em;
    font-family:"Poynter Oldstyle Disp Semi Bd",serif;   
}
#magazine-layout .entry-title {
    margin-bottom:10px;
}
#magazine-layout .entry-footer {
    border-top:1px solid #e1e1e1;
    padding-top:10px;
    margin-top:10px;
}
#magazine-layout .entry-summmary { 
    font-size:16px; 
    font-weight:400;
    padding-bottom:10px;
}
#magazine-layout .tagcloud a {
    background-color:#fff; 
    border:1px solid #063d4c;
    color:#063d4c;
    font-weight:600;
    margin-left:0 !important;
}
#magazine-layout .tagcloud {
    padding-left:0;
}
#magazine-layout .Uncategorized {
    display:none !important;
}
#magazine-layout .tagcloud li {
    display:inline-block;
    list-style-type:none;
    margin-left:5px;
}
#magazine-layout .tagcloud .vc_active a {
    background-color:#063d4c; 
    color:#fff;
}

#magazine-layout .tagcloud a:hover {
    background-color:#063d4c; 
    color:#fff;
}
#magazine-layout .tagcloud a::before {
    display:none;
}

#magazine-layout .tagcloud a::after {
    display:none;
}


#magazine-layout .search-field {
    font-style:normal;
    font-family: 'Gibson-Light', sans-serif;
    font-size: 14px;
}

.search-results #magazine-layout .post {
    flex-direction:row;
}
.search-results #magazine-layout .type-page .entry-footer, .search-results #magazine-layout .type-crane_portfolio .entry-footer {
    border-top:0;
}
.search-results #magazine-layout .type-page {
    padding-left:0px;
}
.search-results #magazine-layout .type-crane_portfolio {
    padding-left:0px;
}

#magazine-layout #content article .category {
    border-right:1px solid #00bab3;
    color:#00bab3;
    font-weight:600;
    margin-left:0px !important;
    height: 10px;
    line-height: 10px;
    padding:0px 10px 0 10px;
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:2px;
    font-weight:900;
}
#magazine-layout .entry-footer .category:first-child {
    padding-left:0 !important;
}
.search-results #magazine-layout article {
    background:transparent;
    padding-left:0;
    padding-right:0;
    flex-direction: row;
}
#magazine-layout #content article .category:last-child {
    border-right:0px solid #063d4c;
}
#magazine-layout .entry-title a {
    font-size:23px;
    color:#00bab3;
    font-weight:700;
    margin-bottom:5px;
    line-height:1.15em;
    font-family:"Poynter Oldstyle Disp Semi Bd",serif;   
}
#magazine-layout .entry-title {
    margin-bottom:10px;
}
#magazine-layout .entry-footer {
    border-top:1px solid #e1e1e1;
    padding-top:10px;
}
#magazine-layout .entry-summmary { 
    font-size:16px; 
    font-weight:400;

}
@media screen and (max-width:1024px) {
    .vc_col-sm-5  {
        width:100%;
        display:block;
        float:none;
    }
    .vc_col-sm-7  {
        width:100%;
        display:block;
        float:none;
    }
    #magazine-layout {
        margin-top:100px;
    }
    .no-margin-top-mobile {
        margin-top:0 !important;
    }
    #magazine-layout article img {
        padding-bottom:15px;
        width:100%;
    }   
    .search-results #magazine-layout article {
        flex-direction:column !important;
    }
    .search-results #magazine-layout .post {
        flex-direction:column !important;
    }
    #magazine-layout .vc_col-sm-5  {
        width:100%;
        display:block;
        float:none;
    }
    #magazine-layout .vc_col-sm-7  {
        width:100%;
        display:block;
        float:none;
    }
    img {
        padding-bottom:15px;
    }       
}

/* END Magazine Layout Global Styles */

/* START Pop-up download form global styles */

.overflow-hidden .ult_modal {
    overflow:hidden;
}

/* END Pop-up download form global styles */

/* START Latest News Layout Global Styles */

#latest_news_slider .flex-viewport li {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: min-content;

    grid-gap: 35px;
}
#latest_news_slider .flex-viewport {
    /*max-height:400px;*/
    margin-bottom:25px;
    max-height:350px;
}

#latest_news_slider .flexslider .slides img {
    grid-column-start: 2;
    grid-row-start: 1;
    align-self: center;
    padding-right:15px;
}
#latest_news_slider .category {
    padding:5px;
    color:#003d4c;
    font-weight:900;
}
#latest_news_slider .flex-caption {

    background-color:transparent;
    grid-column-start: 1;
    align-self: center;
}

#latest_news_slider .post-title {
    margin-bottom:15px;
    margin-top:10px;
}

#latest_news_slider .button {
    
    -moz-transition:    background 0.3s linear;
    -o-transition:      background 0.3s linear;
    -webkit-transition: background 0.3s linear;
    transition:         background 0.3s linear;   
}

.flex-control-nav, .flex-control-paging {
    display:none;
}

#latest_news_slider .button:hover {
    background-color:rgb(76, 119, 128);
}
#latest_news_slider .flex-control-paging li {
    vertical-align: top;
}
#latest_news_slider .flex-control-paging li a {
    border:3px solid #00bab3;
    background:transparent;
    box-shadow:none;
}
#latest_news_slider .flex-control-paging li a.flex-active {
    border:1px solid #00bab3;
    background: #00bab3;
    box-shadow:none;
}
.flex-next, .flex-prev {
    opacity:1 !important;
}
#latest_news_slider .flexslider:hover .flex-direction-nav .flex-next {
    right:-50px !important;
}

#latest_news_slider .flexslider:hover .flex-direction-nav .flex-prev {
    left:-50px !important
}

/* Custom Icons for Arrows */

#latest_news_slider .flex-direction-nav a:before {
  font-family: 'Font Awesome 5 Free';
  display:inline-block;
}
#latest_news_slider .flex-direction-nav a.flex-next:before {
  content: '\f054';
}
#latest_news_slider .flex-direction-nav a.flex-prev:before {
  content: '\f053';
}

/* End custom icons for arrows */


/* Branded Accordion Utility Classes */

/* Navy Background Heading */
.vc_tta-container .vc_tta-accordion.branded-accordion-navy-background .vc_tta-panel .vc_tta-panel-heading, 
.vc_tta-container .vc_tta-accordion.branded-accordion-navy-background .vc_tta-panel.vc_active .vc_tta-panel-heading,
.vc_tta-container .vc_tta-accordion.branded-accordion-navy-background .vc_tta-panel .vc_tta-panel-heading:hover, 
.vc_tta-container .vc_tta-accordion.branded-accordion-navy-background .vc_tta-panel.vc_active .vc_tta-panel-heading:hover {
    background-color:#003d4c;   
}

/* Navy Background Body Content */
.vc_tta-container .vc_tta-accordion.branded-accordion-navy-background .vc_tta-panel .vc_tta-panel-body, 
.vc_tta-container .vc_tta-accordion.branded-accordion-navy-background .vc_tta-panel .vc_tta-panel-body {
    background-color:#003d4c;
}

/* Beige Background Heading */
.vc_tta-container .vc_tta-accordion.branded-accordion-beige-background .vc_tta-panel .vc_tta-panel-heading, 
.vc_tta-container .vc_tta-accordion.branded-accordion-beige-background .vc_tta-panel.vc_active .vc_tta-panel-heading,
.vc_tta-container .vc_tta-accordion.branded-accordion-beige-background .vc_tta-panel .vc_tta-panel-heading:hover, 
.vc_tta-container .vc_tta-accordion.branded-accordion-beige-background .vc_tta-panel.vc_active .vc_tta-panel-heading:hover {
    background-color:#c4beb6;   
}

/* beige Background Body Content */
.vc_tta-container .vc_tta-accordion.branded-accordion-beige-background .vc_tta-panel .vc_tta-panel-body, 
.vc_tta-container .vc_tta-accordion.branded-accordion-beige-background .vc_tta-panel .vc_tta-panel-body {
    background-color:#c4beb6;
}


/* Dark Grey Text */
.vc_tta-container .vc_tta-accordion.branded-accordion-dkgrey-text .vc_tta-panel .vc_tta-panel-body, 
.vc_tta-container .vc_tta-accordion.branded-accordion-dkgrey-text .vc_tta-panel .vc_tta-title-text {
    color:#232323;
}

/* Navy text */
.vc_tta-container .vc_tta-accordion.branded-accordion-navy-text .vc_tta-panel .vc_tta-panel-body,
.vc_tta-container .vc_tta-accordion.branded-accordion-navy-text .vc_tta-panel .vc_tta-title-text {
    color:#003d4c;
}

/* Teal Text */
.vc_tta-container .vc_tta-accordion.branded-accordion-teal-text .vc_tta-panel .vc_tta-panel-body,
.vc_tta-container .vc_tta-accordion.branded-accordion-teal-text .vc_tta-panel .vc_tta-title-text {
    color:#00bab3;
}

/* No fill content! */
.vc_tta-container .vc_tta-accordion.vc_tta-o-no-fill .vc_tta-panel .vc_tta-panel-body {
    background-color:#ffffff;
    color:#232323;
}

.vc_tta-containerv .vc_tta-panel-title {
    font-weight:600 !important;
    font-family:"Open Sans",sans-serif !important;
}


/* START Custom Accordion Menu Font Styles */
    h1.vc_tta-panel-title a .vc_tta-title-text {

    }
    h2.vc_tta-panel-title a .vc_tta-title-text {

    }
    h3.vc_tta-panel-title a .vc_tta-title-text {
        font-family:"Open Sans",sans-serif;
        font-weight:400;
    }
    h4.vc_tta-panel-title a .vc_tta-title-text {
        font-family:"Open Sans",sans-serif;
        font-weight:600;
    }
    h5.vc_tta-panel-title a .vc_tta-title-text {

    }
    h6.vc_tta-panel-title a .vc_tta-title-text {

    }
    
/* END Custom Accordion Menu Font Styles */


/* Normal dropdown menu styling */

.megamenu-links a::after {
    display:none;
}

#menu-primary .mega-gm-dropdown:nth-child(1) {
    position:relative !important;
}


/* Mega Menu Block Styling */
.gm-navigation-drawer li.current-menu-item > .gm-anchor {
    color:#fff !important;
}

.gm-navigation-drawer .gm-search {
    color:#fff !important;
}

.gm-mega-menu__item {
    padding:25px;
}

.megamenu-container {

}

.megamenu-links .widget .menu-item {
    border-bottom:0;
    padding-top:0;
    padding-bottom:0;
    list-style-type:none;

}

.megamenu-links .megamenu-blocks .widget .menu li {
    margin-bottom: 12px !important;
    line-height: 13px;
}

.megamenu-links .widget {
    margin-bottom:0 !important;
}

.megamenu-links .megamenu-blocks .widget .menu {
    padding-top:0;
    padding-bottom:0;
    margin-bottom:0;
}


.megamenu-links .widget .menu .menu-item a {
    padding-left:0;
}
.megamenu-links a {
    color:#fff;
    font-size:13px;
    font-weight:600;
}

.megamenu-links .widget .menu-item.current-menu-item > a {
    color:#00bab3;
}

.megamenu-links a:visited {
    color:#fff;
}
.megamenu-links a:hover {
    color:#00bab3 !important;
    text-decoration:none;
}

.megamenu-links a.megamenu-heading h3 {
    color:#00bab3 !important;
    margin-bottom:12px;
    padding-bottom:10px;
    border-bottom:1px dotted #fff;
    font-size:13px;
    text-transform:uppercase;
}


.menu-blogmedia-submenu-container #menu-blogmedia-submenu .menu-item {
    margin-bottom:12px !important;
}


.menu-megamenu-about-1-container #menu-megamenu-about-1 .menu-item {
    margin-bottom:12px !important;
}


.megamenu-about-block-2 .widget .widgettitle {
    display:none;
}

.gm-dropdown-menu-wrapper {
    width:100% !important;
    top:100px !important;
}

.megamenu-block-mobile .menu li a:after {
    display:none;
}

.megamenu-block-mobile .menu li a {
    padding-left:0;
    font-size:11px;
    line-height:18px;
    text-transform:capitalize;
    color:#fff;
    font-weight:700;
    padding-top:0px;
    padding-bottom:0px;
}
.megamenu-block-mobile .menu li a:hover {
    color:#00bab3;
}
.megamenu-block-mobile .menu li {
    border-bottom:0;
    padding-top:0;
    padding-bottom:0;
}
.megamenu-block-mobile .vc_column-inner {
    padding-left:0;
    padding-right:0;
}

.megamenu-block-mobile .widget {
    margin-bottom:0;
}

/* Link Bullet Point */
.megamenu-links .megamenu-blocks .widget .menu-item a::after {
    display:none;
}

.gm-navigation-drawer .gm-anchor, .megamenu-block-mobile .gm-navigation-drawer .gm-mega-menu__item__title, .megamenu-block-mobile .gm-navigation-drawer--mobile .gm-navbar-nav .gm-dropdown-menu-title, .gm-navigation-drawer, .megamenu-block-mobile .menu-item  {
    color:#fff !important;
}

.gm-navigation-drawer .gm-anchor:hover, .megamenu-block-mobile .gm-navigation-drawer:hover .gm-mega-menu__item__title:hover, .megamenu-block-mobile .gm-navigation-drawer--mobile .gm-navbar-nav .gm-dropdown-menu-title:hover, .megamenu-block-mobile .menu-item a:hover  {
    color:#00bab3 !important;
}

.gm-dropdown-menu {
	padding:25px 10px !important;
}

/* END MEGA MENU STYLES */


/* START BULLET POINT STYLES */

/* Fix wrapping, spacing and  issues with bullet points */

.wpb_text_column ul h1, .wpb_text_column ol h1,
.wpb_text_column ul h2, .wpb_text_column ol h2,
.wpb_text_column ul h3, .wpb_text_column ol h3,
.wpb_text_column ul h4, .wpb_text_column ol h4,
.wpb_text_column ul h5, .wpb_text_column ol h5,
.wpb_text_column ul h6, .wpb_text_column ol h6 {
  display:inline;
  vertical-align: middle;
}

.wpb_text_column ul, .wpb_text_column ol {
    list-style-position: outside !important;
    padding-left: 20px !important;
}

.wpb_text_column ul li, .wpb_text_column ol li {
    line-height:1.15em;
}

/* END BULLET POINT STYLES */


/*Tablet fixes for latest news */
@media ( max-width: 1280px ) {
    .flex-next, .flex-prev {
        opacity:1 !important;
    }    
    /*#latest_news_slider .flexslider .flex-direction-nav .flex-next {
        display:none;
    }*/

    #latest_news_slider .flexslider:hover .flex-direction-nav .flex-next, #latest_news_slider .flexslider .flex-direction-nav .flex-next {
        display:none;
    }
    /*#latest_news_slider .flexslider .flex-direction-nav .flex-prev {
        top:103% !important;
    }*/
    #latest_news_slider .flexslider:hover .flex-direction-nav .flex-prev, #latest_news_slider .flexslider .flex-direction-nav .flex-prev {
        display:none;
    } 

    #latest_news_slider .flex-viewport {
        /*max-height:400px;*/
        margin-bottom:25px;
        max-height:500px;
    }
    .flex-control-nav, .flex-control-paging {
        display:block;
    }
}
/*Mobile fixes for latest news */
@media ( max-width: 767px ) {
    #latest_news_slider .flex-viewport li {
        grid-template-columns: 1fr;
        grid-template-rows: min-content-min-content;
    }
    #latest_news_slider .flexslider .slides img {
        grid-column-start: 1;
        grid-row-start: 1;
    }
    #latest_news_slider .flex-caption {

    }
    #latest_news_slider .flex-viewport {
        max-height:100%;
    }    
}  
/* END Latest News Layout Global Styles */

/* Social media icon styles */
.sti-btn {
    background-color:#0c4454 !important;
    color:#fff !important;
}
/* END Social media icon styles */

/* Testimonial Slider (Advanced Carousel) Arrows */

.slick-next, .slick-prev {
    top:30%;
}

.slick-arrow {
    font-size:64px !important;
}

/* END Testimonial Slider (Advanced Carousel) Arrows */

/* Custom Page Header */

.custom-page-header {
    height: 89vh;
    display:grid;
    align-items:center;
}

.custom-page-header-content .vc_column-inner {
    height:89vh;
    display:grid;
    align-items:center;
}

.custom-page-header-content .vc_column-inner .ult_dual_button .middle-text {
    top:100%;
    right:50%;
}

@media ( max-width: 768px ) {
    .custom-page-header-content .vc_column-inner .wpb_single_image.vc_align_left {
        text-align:center;
    }
    .custom-page-header-content .vc_column-inner h1 {
        text-align:center !important;
    }   
    .custom-page-header-content .vc_column-inner .ubtn-ctn-left {
        text-align:center;
    }   
}

/* Homepage custom header */
.vc_custom_1694124571878 a.ubtn-normal {
    padding-left:0;
}

/* END Custom Page Header */

/* Author Block */

.blog-inner .crane-author-info {
    background-color:rgba(196,190,182,0.5);
}

.blog-inner .crane-author-info .ubtn {
    background-color:#00bab3 !important;
}

.blog-inner .crane-author-info .ubtn-hover {
    background-color:#4ccfca !important;
}

/* END Author Block */


/* START HubSpot Form Styles */

.hbspt-form {
    
}

.hbspt-form input {
    height:40px;
    padding:5px;
    font-family:'Gibson-Light',sans-serif;
    border-radius:0 !important;
}

.hbspt-form .hs-form-private fieldset.form-columns-1 .hs-input {
    width:100%;
}

.hs-form-field {
    padding-top:5px;
}

.hs-form-field.hs-fieldtype-text input,
.hs-form-field.hs-fieldtype-phonenumber input[type="tel"],
.hs-form-field.hs-fieldtype-phonenumber input[type="text"],
.hs-form-field.hs-fieldtype-select select,
.hs-form-field.hs-fieldtype-textarea textarea {
    border:1px solid #ccc;
    border-color:#ccc;
}


.hs-form-field.hs-fieldtype-text input:focus, .hs-form-field.hs-fieldtype-text input:hover,
.hs-form-field.hs-fieldtype-phonenumber input[type="tel"]:focus, .hs-form-field.hs-fieldtype-phonenumber input[type="tel"]:hover,
.hs-form-field.hs-fieldtype-phonenumber input[type="text"]:focus, .hs-form-field.hs-fieldtype-phonenumber input[type="text"]:hover,
.hs-form-field.hs-fieldtype-select select:focus, .hs-form-field.hs-fieldtype-select select:hover,
.hs-form-field.hs-fieldtype-textarea textarea:focus, .hs-form-field.hs-fieldtype-textarea textarea:hover {
    border:1px solid #000;
}

.hs-form-field > label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    -webkit-transition: margin-left 0.1s linear; 
    -moz-transition: margin-left 0.1s linear;   
    -o-transition: margin-left 0.1s linear;     
    transition: margin-left 0.1s linear;         
}

/*Fancy Labels*/
/*.hs-form-field.hs-fieldtype-text label span,
.hs-form-field.hs-fieldtype-select label span,
.hs-form-field.hs-fieldtype-textarea label span {
    background-color: #fff;
    height: 10px;
    display: inline-block;
    vertical-align: bottom;
    line-height: 12px;
}

.hs-form-field label span:first-child {
    padding-left:5px;
}

.hs-form-field label span:last-child {
    padding-right:5px;
}



.hs-form-field.hs-fieldtype-text:hover > label,
.hs-form-field.hs-fieldtype-select:hover > label,
.hs-form-field.hs-fieldtype-textarea:hover > label{
    width: auto;
    height: 22px;
    clip: unset;
    margin-left: 6px !important;
    margin-top: -6px !important;
    padding-bottom: 0;
    font-size: 10px;
    font-weight: 900;
}

.hs-form-field.hs-fieldtype-text:has(input:focus) label,
.hs-form-field.hs-fieldtype-select:has(select:focus) label,
.hs-form-field.hs-fieldtype-textarea:has(textarea:focus) label {
    width: auto;
    height: 22px;
    clip: unset;
    margin-left: 6px !important;
    margin-top: -6px !important;
    padding-bottom: 0;
    font-size: 10px;
    font-weight: 900;
}*/

.hs-form-field label.hs-error-msg {
    color:#f00;
    font-size:10px;
}

.hs-main-font-element {
    color:#f00;
    font-size:10px;
}

.hs-error-msgs li {
    list-style-type:none;
    line-height:1em;
}

input[type="submit"].hs-button {
    background-color:#00bab3;
    margin-top:5px !important; 
    margin-right:8px !important;
    float:right;
    line-height:1em;
}

input[type="submit"].hs-button:hover {
    background-color:#4ccfca;
}

.hbspt-form .hs-form-private .form-columns-1,
.hbspt-form .hs-form-private .form-columns-2 {
    max-width:100% !important;
}

.hs_subscribe ul li {
    list-style-type:none;
}

.hbspt-form fieldset.form-columns-1 .hs-input[type="checkbox"] {
    width:20px;
    height:20px;
    margin-top: 3px !important;
    vertical-align: top;    
}

.hbspt-form fieldset.form-columns-1 .hs-input[type="checkbox"] + span {
    margin-left:5px;
}

.hs-form-field > legend {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.hs-form_newsletter-sign-up-footer .hs-form-field {
    display:inline-block;
    width:70%;
    vertical-align: top;    
}

.hs-form_newsletter-sign-up-footer .hs-submit {
    display:inline-block;   
    width:30%;
} 
.hbspt-form h6 {
    margin-top:10px;
}

.hs-form-booleancheckbox span {
    background-color:#fff;
}

.submitted-message.hs-main-font-element {
    color:#000;
    font-size:24px;
}

@media (max-width: 480px){
    .form-columns-2 .hs-form-field .hs-input, .form-columns-3 .hs-form-field .hs-input {
        width: 100% !important;
    }
}


/* END HubSpot Form Styles */




/* START Experimental Mobile Optimization Styles */

/* This makes the bubbles under the slider 48px which is pretty large but recommended for mobile usability, probably stick it in a media query */
/* .vc_general.vc_pagination .vc_pagination-trigger {
    width:48px;
    height:48px;
}
*/

/* END Experimental Mobile Optimization Styles */


/* START Social Media SVG Icon Styles */

.social-media-svg-container {
    display:grid;
    grid-auto-flow:column;
}

.social-media-svg-container .icon-column {
    width:100%;
}

/* END Social Media SVG Icon Styles */


/* START Header margins */

.gm-container {
    max-width:100%;
}

@media (min-width: 1200px) {
    .gm-navbar .gm-container {
        padding-left:80px;
    }
}

@media (max-width: 1200px){
    .gm-navbar .gm-container {
        padding-left:20px;
    }   

    /* Add padding to the burger icon so it's at least 48px wide */
    .gm-menu-btn__inner, .gm-burger {
        padding: 0 12px;
    }
    .gm-dropdown-menu {
        padding: 10px 10px !important;
    }
    .megamenu-block-mobile .menu li a {
        padding-top:11px;
        padding-bottom:11px;
    }
    .gm-anchor, .gm-mega-menu__item__title {
        padding-top:13px;
        padding-bottom:13px;
    }
}

/* END Header margins */


/* Eclipse Engineering Pop Up */
#eclipse-engineering {
    display:none;
    position:fixed;
    left:25%;
    right:25%;
    top:35%;
    bottom:auto;
    height:auto;
    min-width:300px;
    background-color:rgba(255,255,255,0.9);
    z-index:999;
    padding:25px;
}

@media ( max-width: 1080px ) {
#eclipse-engineering {
    display:none;
    position:fixed;
    left:10%;
    right:10%;
    top:15%;
    bottom:auto;
    height:auto;
    max-width:600px;
    background-color:rgba(255,255,255,0.9);
    z-index:999;
    padding:25px;
}
}

/* END Eclipse Engineering Pop Up */


@media ( max-width: 1024px ) {
    .crane-portfolio-slider .slick-slide {
        min-height: 300px;
    }
    .crane-portfolio-slider .slick-list.draggable {
        height: 300px !important;
    }
}

@media ( max-width: 767px ) {
    body .crane-portfolio-slider .crane-slick-next::before, body .crane-portfolio-slider .crane-slick-next::after, body .crane-portfolio-slider .crane-slick-prev::before, body .crane-portfolio-slider .crane-slick-prev::after {
        font-size: 70px;
    }
    body .crane-portfolio-slider .crane-slick-prev {
        left: 20px !important;
    }
    body .crane-portfolio-slider .crane-slick-next {
        right: 20px !important;
    }
}