/*Framework Global Stylesheet*/


.hide-me {
  display: none;
}


.flexer { display: flex;flex:1; }
.modal-open .c-offcanvas-content-wrap {-webkit-transform:none;transform: none;position: static;transition: none;} /*fix bs modal vs canvas*/
.c-offcanvas-content-wrap { overflow-y: initial; /* no double scroll */ }
body.has-offcanvas--visible  { overflow-x: hidden; } /*fix horizontal scroll*/
.c-offcanvas { overflow-y: hidden; }  /*fix vertical scroll*/


body:not(.has-offcanvas--visible) aside.js-offcanvas { visibility: hidden; }


.admin-bar .offcanvas { top:32px; }
.offcanvas.offcanvas-start, .offcanvas.offcanvas-end { width:280px; }

.offcanvas .offcanvas-body ul { padding:1em; }
.offcanvas-start .offcanvas-header { justify-content: flex-end; }
.admin-bar aside#off-canvas-right, .admin-bar aside#off-canvas-left { top:32px; } /*fix canvas top space*/

aside.canvas-navigation .elementor-nav-menu--main  .menu-item:not(.current-menu-item) .elementor-item:before { background:transparent !important;  } /*fix unneccesary focus item*/

.admin-bar .dialog-lightbox-widget.elementor-popup-modal { height: calc(100vh - 0px) !important; } /*fix modal top space*/


@media (max-width: 767px) { /*fix elementor-post break*/
    .elementor-posts article.elementor-post {
        display: block;
    }

    .elementor-post__thumbnail__link {
        margin-bottom: 20px;
    }
}

.elementor-widget-theme-post-content .small /*fix long links*/ {
    overflow-wrap: break-word;
}

.elementor-button[type="submit"],  
.elementor-button[type="button"]{ cursor: pointer; }

.elementor-flip-box__back {z-index:9;} /*fix*/




/*podcast player*/

.podcast-header { display: flex;justify-content: space-between;align-items: center; }
.podcast-date, .podcast-episode-length, .podcast-episode { text-transform: uppercase;font-size:0.9rem;font-weight:bold;opacity: 0.8; }
.podcast-episode { display: inline; }


.card-footer.podcast-footer { background-color:#f1f3f4;display: flex;align-items: center; }
@supports (-moz-appearance:none) {
    .card-footer.podcast-footer { background-color:#222; }
}
.podcast-player audio:focus { outline: none; }


body.customize-partial-edit-shortcuts-shown .customize-partial-edit-shortcut button,
body.customize-partial-edit-shortcuts-shown .widget .customize-partial-edit-shortcut button { display:flex;border:0px solid #fff !important;background: #8f61e8 !important;border-radius:50%; }
.customize-partial-edit-shortcut button:focus { outline:none;border-radius:50%; }

/*gform*/

body .gform_wrapper .gform_body .gform_fields .gfield input[type=text]:focus,
body .gform_wrapper .gform_body .gform_fields .gfield input[type=email]:focus,
body .gform_wrapper .gform_body .gform_fields .gfield input[type=tel]:focus,
body .gform_wrapper .gform_body .gform_fields .gfield input[type=url]:focus,
body .gform_wrapper .gform_body .gform_fields .gfield input[type=number]:focus,
body .gform_wrapper .gform_body .gform_fields .gfield input[type=password]:focus,
body .gform_wrapper .gform_body .gform_fields .gfield select:focus,
body .gform_wrapper .gform_body .gform_fields .gfield textarea:focus {
    
    outline-color:#eee;
    
}

.oi-recaptcha { text-align:center;  }
.oi-recaptcha-text { 
    font-size: 11px;
    color: #ababab; }


.breadcrumb { margin:0;padding:0; }

li.breadcrumb-item  {
    display: inline-block;
    padding: 0 5px;
}


/*gallery*/




.gallery {

-moz-column-count: 4;
-webkit-column-count: 4;
column-count: 4;
 

-moz-column-gap: 10px;
-webkit-column-gap: 10px;
column-gap: 10px;
}
 


@media only screen and (max-width : 768px) {  
    .gallery{ 
    -moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}
}



 @media only screen and (max-width : 480px) {
    .gallery{ 
        -moz-column-count: 1;
-webkit-column-count:1;
column-count: 1;
    }
}



.gallery br {
display: none !important;
}
 
.gallery .gallery-item {

margin: -3px 0 !important;
float: none !important;
width: 100% !important;
}
 
.gallery .gallery-item img {
width: 100%;
height: auto;
}

.gallery .gallery-item img {
display: block;
opacity: 1;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
border: none !important;
width: 100%;
}



/*search in place*/

.form-control:focus { box-shadow: none; }

.search-form label { width:100%; }


body .search-field.form-control {

    padding: 10px;

 
}

body.is-scrolling .search-in-place {   top:112px !important;  }


body .search-in-place { padding:1em; }


body .search-in-place .label:not(.more) { display: none;  }

body  .search-in-place .title a {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color:#000;
  }
body  .search-in-place .resume {
    display: block;
    font-size: 14px;
    color:#555;
}

body .search-in-place .item { border-bottom:0 !important;padding:5px 0;}

.search-in-place .item:hover { background-color:#fafafa; }
body  .search-in-place .item.active { background:transparent !important; }

body .search-in-place .ellipsis { display: none; }

.form-control::placeholder { color: #303030; }

body .search-in-place .label.more {
    display: flex;
    justify-content: flex-start;
}

@media only screen and (max-width : 992px) {
     
}

@media only screen and (min-width : 992px) {

#header-search .form-control { font-size:18px; }

body .search-in-place, .search-field.form-control {  width:100% !important;max-width:450px !important; }

}


@media only screen and (max-width : 991px) {
    body .search-in-place, .search-field.form-control { width:100% !important;max-width:94vw !important; }
}

/*armour*/
.wpa-test-msg { display: none; }

/*gutenberg*/

.wp-block-image img { max-width: 100%;height: auto; }


/*siteoptions*/

.company-information { list-style: none;padding:0;margin:0; }

.company-information a { color:inherit }
.company-information:not(.address) a:hover { text-decoration: underline;outline: 1px solid dotted; }


/*video*/

/*

.wp-block-embed__wrapper {
    position: relative;
    padding-top: 56.25%;
    height: 0; 
    overflow: hidden;
}
 

.wp-block-embed__wrapper iframe,
.wp-block-embed__wrapper object,
.wp-block-embed__wrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
*/


 .wp-block-embed__wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}


.wp-block-embed__wrapper iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
}

.portrait-video .wp-block-embed__wrapper iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 9 / 16;
}



/*announcement*/
.oi-announcement {
background: #ff7201;
font-size:16px;
top: 0px;
left: 0px;
width: 100% !important;
padding: 10px 15px;
}
.oi-announcement a {color: #ffffff;}
.oi-announcement p { margin:0;padding:0; }


/*social icons*/
.company-social {     display: flex;list-style: none;margin:0;padding:0; flex-direction: column;}

.company-social.list-group-horizontal, .company-social.horizontal {

    flex-direction: row;
}

.company-social svg { height:25px;width:25px;fill:var(--global-palette-btn-bg); }
.company-social .list-group-item  { background:transparent; padding-right: 10px;border:0; }






a.btn-edit-post-link {
    background: #fff;
    padding: 5px 10px;
    border-radius: 4px;
    border: 2px solid #000;
    color: #000 !important;
    font-size: 11px;
    font-weight: bold;
    z-index: 999;
}

/*no link color*/
p.company-information a, p.company-information a:hover {
    color: inherit;
}

p.company-information a:hover { text-decoration: underline; }


/*faq*/


.accordion-header,
.accordion-body {
  background: white;
}

.accordion-header {
  padding: 0.5em;
  background: transparent;
  cursor: pointer;
  transition: all .3s;
  margin: 0;
}

.accordion__item {
    border-bottom: 0px solid #3a4ba4;
}



.accordion-header:hover {
  background: #fafafa;
  position: relative;
  z-index: 5;
}

.accordion-body {
  background: #fff;
  display: none;
}

.accordion-body__contents {
  padding: 0.5em 0.5em;

}

.accordion-body__contents p { margin:0; }

.accordion__item.active:last-child .accordion-header {
  border-radius: none;
}

.accordion:first-child > .accordion__item > .accordion-header {
  border-bottom: 1px solid transparent;
}

.has-arrows .accordion__item > .accordion-header:after {
    content: "\f077";
    font-family: "Font Awesome 5 Pro"; 
    font-weight: 400; 
    font-size: 1rem;
    float: right;
    position: relative;
    top: -2px;
    transition: .3s all;
    transform: rotate(0deg);
}

.has-arrows .accordion__item.active > .accordion-header:after {
  transform: rotate(-180deg);
}

.accordion__item.active .accordion-header {
  background: #fff;
}

.accordion__item .accordion__item .accordion-header {
  background: #f1f1f1;
  color: #353535;
}





