/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

.col.notices-col .col-inner  {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

a.button.notices-btn {
	margin-top: 20px;
}

a.mec-detail-button {
	display: none!important;
}

.mfp-figure figure {
    margin: 0;
    background: #fff;
    padding: 20px;
}

.mfp-figure:after {
    background: #44444400;
    box-shadow: none;
}

body > div.mfp-wrap.mfp-gallery.mfp-auto-cursor.mfp-ready > div > div.mfp-content > div > figure > img {
	width: 100%;
}

.mfp-image-holder .mfp-content {
    width: 800px;
}

.mec-credit-url {
    display: none!important;
}

/*---------- New badge for latest results -------------*/

/* Add these elements to the text
<sup class="sup-badge">NEW</sup>
<sup class="sup-badge-tablet">NEW</sup>
<sup class="sup-badge-mobile">NEW</sup>
*/

.sup-badge {
    background: #f78f3f;
    color: #fff;
    font-size: 10px;
    padding: 0px 4px;
    position: absolute;
    right: 70px;
    font-weight: 600;
}

.sup-badge-tablet {
    background: #f78f3f;
    color: #fff;
    font-size: 10px;
    padding: 0px 4px;
    position: absolute;
    right: 55px;
    font-weight: 600;
    bottom: 22px;
}

.sup-badge-mobile {
    background: #f78f3f;
    color: #fff;
    font-size: 10px;
    padding: 0px 4px;
    position: absolute;
    right: 50px;
    font-weight: 600;
    bottom: 22px;
}

/*---------- New badge for latest results -------------*/

.green-title h3.section-title-normal span {
    border-bottom: 2px solid #ffffff6e!important;
}

.outline-img.img .img-inner {
    border: 1px solid #e1e1e1;
}

a.button.archive-button {
	z-index: 100;
}

/*---------- Accordions -------------*/

.accordion.dark-accords .accordion-title {
    font-size: 17px;
    font-weight: normal;
    color: #ffffffc7!important;
    padding: 1em 0px;
    border-bottom: 1px solid #338186;
    border-top: none;
    padding-right: 30px;
}

.accordion.dark-accords .accordion-title.active {
    background-color: #006268;
}


.toggle i {
    font-size: 1.4em;
    color: #f78f3f;
}

.accordion .toggle {
    top: 0.5em;
    left: 0;
    opacity: 1;
	margin-right: -5px;
}

.active>.toggle {
    -ms-transform: none;
    transform: none;
}

.accordion .active .toggle .icon-angle-down:before {
    content: "–";
    font-weight: 600;
}

.accordion-inner {
    padding: 1em 0em;
}


.accordion-title.active {
    background-color: #fff;
}

.accordion-title {
    font-size: 17px;
    font-weight: normal;
    color: #333;
    padding: 1em 0px;
    border-bottom: 1px solid #ddd;
    border-top: none;
	padding-right: 30px;
}

.accordion .toggle {
    left: unset;
    right: 0;
}

.accordion .toggle .icon-angle-down:before {
    content: "+";
}

.accordion-inner {
    padding: 1em 0em 0em 0em;
}

/*----------------- MOBILE MENU ---------------*/

.mobile-submenu-slide .off-canvas-right.dark .mfp-content, .mobile-submenu-slide .off-canvas-left.dark .mfp-content {
    background-color: #006268;
}

.mobile-submenu-slide .main-menu-overlay {
    background-color: #000!important;
}

.mobile-submenu-slide .off-canvas .nav-vertical li li a {
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 105%;
}

/*----------------- CALENDAR ---------------*/

.mec-month-divider span {
    color: #037b7b;
    font-family: futura-pt,sans-serif!important;
    font-weight: 500!important;
    font-style: normal!important;
}

.mec-wrap.colorskin-custom .mec-month-divider span:before {
    border-bottom-color: #f78f3f!important;
}

.mec-month-divider {
	text-align: left;
}

.mec-month-divider span:before {
    border-bottom: 4px solid #40d9f1;
    text-align: left;
    bottom: -4px;
    margin-left: -30px;
    left: 30px;
}

/*------------------CORPORATE ANNOUNCEMENTS-------------------*/

.portfolio-single-page .title-bg.fill {
    background-image: none!important;
}

.portfolio-single-page .featured_item_cats a {
    color: #000000;
    text-transform: uppercase;
    font-size: .85em;
    letter-spacing: 1px;
    font-weight: 500;
    font-family: 'futura-pt';
}

.portfolio-single-page .featured_item_cats  {
    margin-bottom: 10px;
}

.portfolio-single-page .page-title-inner h1.entry-title {
    text-transform: none;
    letter-spacing: 0px;
}

.portfolio-single-page .page-title-inner h1.entry-title:after {
    content: "";
    background: #f78f3f;
    bottom: 0;
    height: 4px;
    width: 75px;
    display: block;
    margin-top: 19px;
    margin-left: auto;
    margin-right: auto;
}

.portfolio-share {
	display: none;
}

.portfolio-single-page .page-title-inner h1.entry-title small {
    font-size: 50%;
}



/*----------------------------------*/

.section.mytitle-section .section-bg-overlay {
    background: url(/wp-content/uploads/2022/04/kap-geometric-title-01.svg);
    background-size: cover;
    background-position: bottom left;
    background-color: #eff7f7!important;
    opacity: 0.2;
}

/*------------------BLOG POSTS-------------------*/

.box-blog-post:hover {
	transform: translateY(-4px);
	transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.box-blog-post  {
	transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.row.case-studies-mega .blog-post-inner .post-title {
    font-size: 16px;
	color: #000;
	font-weight: 500;
}


.row.case-studies-mega .blog-post-inner .is-divider {
	display: none;
}

.row.case-studies-mega .box-blog-post .badge-inner {
    background-color: #f78f3f;
}

.section.case-studies-section .blog-post-inner h5.post-title {
    font-weight: 400!important;
    font-size: 19px;
}

.section.case-studies-section .blog-post-inner .is-divider {
	display: none;
}

.section.case-studies-section .box-blog-post .badge-inner {
    background-color: #f78f3f;
}


.featured-title .page-title-inner {
    padding-bottom: 0px;
}


.featured-title .page-title-inner.container {
    min-height: 220px!important;
}

.featured-title .title-overlay.fill {
    background: url(/wp-content/uploads/2022/04/kap-geometric-title-01.svg);
    background-size: cover;
    background-position: bottom left;
    background-color: #eff7f7!important;
    opacity: 0.2;
}

.featured-title .page-title-bg {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.featured-title {
    background-color: #eff7f7!important;
    text-shadow: none!important;
}

.page-title-inner h6.entry-category {
	color: #000;
}

.page-title-inner h1.entry-title {
    color: #007979;
    font-size: 30px;
}

.entry-divider.is-divider {
    background: #f78f3f;
    height: 4px;
    max-width: 75px;
}

/*------------------------------*/

.section.home-buttons .row-divided>.col+.col:not(.large-12) {
    border-left: 1px solid #6ab1b178;
}


.section.icons-section .row-divided>.col+.col:not(.large-12) {
    border-left: 1px solid rgba(255, 255, 255, 0.407)!important;
}

body {
    line-height: 1.45;
}

.row.five-row .box-text {
    padding-bottom: 0;
}

a.button.plus-button i {
    color: #f78f3f;
    font-size: 75%;
}

a.button.plus-button  {
    font-size: 90%;
}


/*------------ ANIMATED ICON ---------------*/

.pulsate-fwd {
	-webkit-animation: pulsate-fwd 4s ease-in-out 1s infinite both;
	        animation: pulsate-fwd 4s ease-in-out 1s infinite both;
}

/* ----------------------------------------------
 * Generated by Animista on 2022-4-21 8:46:8
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation pulsate-fwd
 * ----------------------------------------
 */
@-webkit-keyframes pulsate-fwd {
  0% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }
  10% {
    -webkit-transform: scale(1.2 rotate(-15deg));
            transform: scale(1.2 rotate(-15deg));
  }
  20% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }
	
  100% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }
}
@keyframes pulsate-fwd {
  0% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }
  10% {
    -webkit-transform: scale(1.2) rotate(-15deg);
            transform: scale(1.2) rotate(-15deg);
  }
  20% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }
	
 100% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }
}



.pulsate-fwd2 {
	-webkit-animation: pulsate-fwd2 3s ease-in-out 0.5s infinite both;
	        animation: pulsate-fwd2 3s ease-in-out 0.5s infinite both;
}

/* ----------------------------------------------
 * Generated by Animista on 2022-4-21 8:46:8
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation pulsate-fwd2
 * ----------------------------------------
 */
@-webkit-keyframes pulsate-fwd2 {
  0% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }
  10% {
    -webkit-transform: scale(1.1 rotate(15deg));
            transform: scale(1.1 rotate(15deg));
  }
  20% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }
	
  100% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }
}
@keyframes pulsate-fwd2 {
  0% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }
  10% {
    -webkit-transform: scale(1.1) rotate(15deg);
            transform: scale(1.1) rotate(15deg);
  }
  20% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }
	
 100% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }
}


/*------------ 5 COLUMN --------------*/

.row.five-row .large-2 {
    max-width: 20%!important;
    -ms-flex-preferred-size: 20%!important;
    flex-basis: 20%!important;
}

/*----------- HOMEPAGE HERO --------*/

a.thumb-icon lord-icon {
	margin-top: -10px;
}

.row.homepage-hero .row-divided  {
    border-color: #ececec9c!important;
}

span.hero-link  {
    font-size: 20px;
    font-weight: 500;
    padding-left: 10px;
}

span.hero-link-mobile  {
    font-size: 18px;
    font-weight: 600;
}

.col.col-bounce .is-border {
    border-color: #bfdede;
}

.col.col-bounce:hover {
	transform: translateY(-4px);
	transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.col.col-bounce  {
	transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}

/*----------- FOOTER ---------------*/

#footer .ux-menu-link__link {
    font-size: 85%;
}

#footer .ux-menu-link__link span:hover {
    color: #027b7b;
}

#footer .social-icons {
    color: #f78f3f;
}

.absolute-footer {
    padding: 15px 0px 15px 10px;
    font-size: .8em;
}


#footer .social-icons i.icon-facebook {
    margin-left: -9px;
}
/*----------- TITLE ELEMENT -----------*/

.section-title-normal span {
    border-bottom: 2px solid #F78F3F!important;
}

/*----------- GENERAL TEXT ---------*/
/*
p {
	letter-spacing: 0.2px;
}
*/

b, strong {
    font-weight: 500;
	letter-spacing: 0.3px;
}

/* ---------- TOP BAR ---------------*/

#top-bar .social-icons {
    color: #97cdcc;
}

/*---------- ACCORDIONS -------------*/

.section.accordion-section .toggle i {
    font-size: 1.6em;
    color: #F78F3F;
    margin-top: -7px;
}

.section.accordion-section .accordion .toggle {
    top: 0.5em;
    left: 0;
    opacity: 1;
	margin-right: -5px;
}

.section.accordion-section .active>.toggle {
    -ms-transform: none;
    transform: none;
}

.section.accordion-section .accordion .active .toggle .icon-angle-down:before {
    content: "–";
    font-weight: 600;
}

.section.accordion-section .accordion-inner {
    padding: 1em 0em;
}


.section.accordion-section .accordion-title.active {
    background-color: #fff;
}

.section.accordion-section .accordion-title {
    font-size: 17px;
    font-weight: normal;
    color: #383838;
    padding: .8em 0px;
    border-top: 1px solid #ddd;
    padding-right: 30px;
    border-bottom: 1px solid #ddd;
    font-family: futura-pt,sans-serif;
}

.section.accordion-section .accordion .toggle {
    left: unset;
    right: 0;
}

.section.accordion-section .accordion .toggle .icon-angle-down:before {
    content: "+";
}

/*/=======================/*/

/**************** TABS (VERTICAL) **************/

.section.vert-tabs .nav-line > li > a:before {
	background-color: #f78f3f;
}


.section.vert-tabs .nav-line > li > a {
    font-weight: 500;
    font-size: 85%;
    padding: 15px 0;
}

/************** TABS ****************/

.section.tabs-section .tabbed-content .nav {
	background: #fff;
}
.section.tabs-section .tabbed-content .nav:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 95px;
    bottom: 0;
    width: 160%;
    height: 33px;
    left: -30%;
    right: -30%;
    background: -webkit-radial-gradient(50% -10%, ellipse cover, rgba(00, 00, 00, 0.1), rgba(97, 97, 97, 0.0) 40%);
    background: radial-gradient(ellipse at 50% -10%, rgba(00, 00, 00, 0.1), rgba(97, 97, 97, 0.0) 40%);
}

.section.tabs-section .tabbed-content .nav li {
    margin: 0 25px;
}


.section.tabs-section .tabbed-content .nav li a {
    padding: 6px 0;
}

.section.tabs-section .nav li a {
    font-family: futura-pt,sans-serif;
    font-weight: 500;
    font-size: 90%;
}

.section.tabs-section .tabbed-content .nav-line-bottom li a:before {
	background-color: #f78f3e;
	height: 2px;
}



/************** TABS (Dark Background) ****************/



.section.darktabs-section .tabbed-content .nav li {
    margin: 0 13px;
}


.section.darktabs-section .tabbed-content .nav li a {
    padding: 6px 0;
}

.section.darktabs-section .nav li a {
    font-family: futura-pt,sans-serif;
    font-weight: 500;
    color: #ffffffc7;
    letter-spacing: 0px;
    text-transform: none;
}

.section.darktabs-section .nav li.active a {
    color: #fff;
}

.section.darktabs-section .tabbed-content .nav-line-bottom li a:before {
    background-color: #97cecd;
    height: 2px;
}
/*************** TICKER ***************/

.header-bottom .flex-col.hide-for-medium.flex-center {
    width: 100%;
}

.header-bottom-nav li.html.custom.html_topbar_left {
    width: 100%;
}

.header-bottom iframe {
    border: none;
	height: 37px;
}

.header-bottom {
    min-height: 45px;
    padding-top: 8px;
	height: 45px;
}


/*************** MEGA MENUS ***************/

.row.portfolio-mega .portfolio-box {
    min-height: 220px;
    padding: 30px 10px 5px 10px;
}

.row.portfolio-mega .portfolio-box-title {
    color: #000;
    text-transform: none;
    letter-spacing: 0px;
    font-size: .85em;
    font-weight: 400!important;
    font-family: futura-pt,sans-serif!important;
}


.row.portfolio-mega .slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button {
    margin-top: -10%;
    opacity: 1;
	top: 60%;
}

.row.portfolio-mega .flickity-prev-next-button svg, .flickity-prev-next-button .arrow {
    fill: #f78f3f;
}


a.button.brand-mega-button  {
    margin-top: 0px;
    font-size: 17px;
}


.ubermenu-content-block.ubermenu-custom-content.ubermenu-custom-content-padded.brands-block {
    padding: 0px;
    margin-left: -23px;
}


a.button.brand-button {
    font-size: 210%;
    letter-spacing: 0px;
    line-height: 2.1em;
    min-height: 2.1em;
}

.row.mega-row .large-2 {
    max-width: 20%!important;
    -ms-flex-preferred-size: 20%!important;
    flex-basis: 20%!important;
}

.row.mega-row .ux-menu-link__link span {
	font-weight: 400!important;
	font-family: futura-pt,sans-serif!important;
	color: #000;
}

.row.mega-row .ux-menu-link__link span:hover {
	color: #027b7b;
}

.has-dropdown .icon-angle-down {
    display: none;
}

.row.mega-row {
	margin-left: auto!important;
	margin-right: auto!important;
}

.nav-dropdown-has-shadow .nav-dropdown {
    -webkit-box-shadow: -1px 10px 12px 0px rgba(0,0,0,0.15);
    box-shadow: -1px 10px 12px 0px rgba(0,0,0,0.15);
}

/*************** PORTFOLIOS / REPORTS POSTS  ***************/

.section.reports-title .section-title-normal span {
    font-size: 25px;
}


.year-title .section-title-normal {
    border-bottom: 2px solid #338186;
}

.year-title .section-title-normal span {
    color: #fff;
}

.portfolio-element-wrapper .nav-line-bottom li a:before {
    background-color: #f78f3f;
}

.portfolio-element-wrapper ul.nav {
    margin-bottom: 20px;
}

.portfolio-box {
    padding-top: 25px;
    min-height: 205px;
}

p.portfolio-box-category {
	display: none;
}

.portfolio-box-title {
    color: #000;
    text-transform: none;
    letter-spacing: 0px;
    font-size: 0.8em;
    font-weight: 400!important;
    font-family: futura-pt,sans-serif!important;
}

/*************** ARROW MASK ***************/

.mask-arrow {
    -webkit-clip-path: polygon(0 0, calc(50% - 25px) 0, 50% calc(0% + 25px), calc(50% + 25px) 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, calc(50% - 25px) 0, 50% calc(0% + 25px), calc(50% + 25px) 0, 100% 0, 100% 100%, 0 100%);
}

/*************** HOMEPAGE IMAGE BLOCKS ***************/

.img-bounce img:hover {
	transform: translateY(-4px);
	transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.img-bounce img {
	transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}


.text-box.brand-box {
    width: 101%!important;
}

.text-box.brand-box:hover {
    border: 1px solid #ddd;
}

.section.cta-blocks .box-text {
    padding-top: 0px;
    padding-bottom: 0px;
    position: relative;
    width: 100%;
    font-size: .8em;
    margin-top: -2px;
}

.section.cta-blocks .box-text h3 a {
    width: 100%;
    display: block;
    padding: 12px;
    font-size: 18px;
}

.col.block-bounce:hover {
	transform: translateY(-8px);
	transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.col.block-bounce {
	transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}



/*************** BUTTONS ***************/

.button.is-outline, input[type=submit].is-outline, input[type=reset].is-outline, input[type=button].is-outline {
    border: 1px solid currentColor;
}

a.button.button.open-video.icon.circle.is-outline.is-xlarge {
    background: #F78F3F;
    border-color: #F78F3F;
}

a.button.button.open-video.icon.circle.is-outline.is-xlarge:hover {
    opacity: 0.8;
}
a.button.orange-arrow i {
    color: #f78f3f;
    font-weight: 900!important;
    font-size: 135%!important;
    margin-top: 2px;
}

a.button.orange-arrow  {
    font-size: 85%!important;
	padding-left: 0px;
    padding-right: 0px;
}
/*************** FONTS ***************/


h1, h2, h3, h4, h5, h6 {
    font-family: futura-pt,sans-serif!important;
    font-weight: 500!important;
    font-style: normal!important;
}

.header-nav-main li a {
    font-family: futura-pt,sans-serif!important;
    font-weight: 600;
    font-style: normal!important;
}

#top-bar li a {
    font-family: futura-pt,sans-serif!important;
    font-weight: 500!important;
    font-style: normal!important;
}

p, ul, ol {
    font-family: futura-pt,sans-serif!important; 
    font-weight: 400;
    font-style: normal!important;
}

.light-font {
    font-family: futura-pt,sans-serif!important;
    font-weight: 300!important;
    font-style: normal!important;
}

.heavy-font {
    font-family: futura-pt,sans-serif!important;
    font-weight: 600!important;
    font-style: normal!important;	
}




/*************** ADD MOBILE ONLY CSS HERE  ***************/
@media only screen and (max-width: 549px) {

.section.reports-title .section-title-normal span {
    font-size: 18px;
}
	
.portfolio-box {
    padding-top: 25px;
    min-height: 190px!important;
}

.portfolio-box .box-text {
    padding: 20px 12px 20px 12px!important;
}

h3 {
    font-size: 1.2em;
}
}

/*************** ADD TABLET ONLY CSS HERE  ***************/
@media only screen and (max-width: 850px) {

.portfolio-box {
    padding-top: 25px;
    min-height: 225px;
}
}