/*
Theme Name: Cofomo
Theme URI: https://webtargetinc.com/
Author: Web Target Inc.
Author URI: https://webtargetinc.com
Template: twentytwentyfour
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

html {
	background: #080c4c !important;
	padding-top: 54px !important;
}
.home {
	 background-color: var(--wp--preset--color--offwhite);
}
header {
	position: fixed;
    display: block;
    width: 100%;
    z-index: 999999;
	top: 0;
}
body {
	    margin-top: 50px;
}

a:focus, a:active {
    outline: solid 0px !important;
	border: 0px solid black;
}

button:focus { 
	outline: solid 0px !important;
	border: 0px solid black;
 }
button:active { 
	outline: solid 0px !important;
	border: 0px solid black; }

p {
	line-height: 1.3;
}

a {
	text-decoration: none;
}
.learn-more img, .read-more img{
	margin-left: 25px;
}
.learn-more a, .arrow-right a, .arrow-left a {
color: black !important;
}

.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
    font-weight: 100;
    text-transform: uppercase;
}

.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container {
	min-width: 300px;
}

.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container {
	left: 0;
    right: auto;
}

.wp-block-navigation-submenu li a span {
	text-transform: none ;
	font-weight: normal;
}

.desktop-menu .wp-block-navigation__submenu-container {
	-webkit-box-shadow: 0px 2px 3px 0px #272727;
	box-shadow: 0px 2px 3px 0px #272727;
}

.gform_button  {
background-color: #ff6437;
    font-size: 20px;
    font-weight: bold;
    color: white;
    border-radius: 0px;
    float: right;
    padding: 10px 40px;
    text-transform: uppercase;
}

.entry-content p a {
color: #ff6437;
}

.gform_footer{
	float: right;
}

.modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 9999999999999;
	justify-content: center;
	align-items: center;
	max-width: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
}

.modal-content {
	background-color: #fff;
	padding: 0px;
	border-radius: 0px;
	text-align: center;
	max-width: 800px;
	margin: 0 auto;
	margin-top: 100px;
	color: black;
	border-bottom: 10px solid #4b878c;
	position: fixed;
    left: 45%;
    margin-left: -300px;
}

.modal-header {
	background-color: black;
    color: white;
    padding: 0;
    width: 100%;
    position: relative;
    float: left;
    margin-top: -31px;
}

.modal-header img {
    width: 40%;
    height: auto;
	float: left;
}

.modal-text {
    flex: 1;
    padding-left: 10px;
	float: left;
    margin-top: 100px;
	margin-left: 25px;
	    width: 50%;
}

.modal-text h2,
.modal-text p {
    margin: 0;
	text-align: left;
}

.modal-text h2 {
	font-size: 29px;
    font-weight: 600;
	margin-bottom: 5px;
}
#modal-description {
	padding: 0 20px;
	float: left;
	clear: both;
	display: block;
	text-align: left;
	max-height: 300px;
	overflow-y: scroll;
}
#modal-linkedin {
	display: block;
    float: right;
    margin: 0 20px 13px 0;
}
.open-modal-button {
	display: block;
    float: right;
    font-size: 68px;
    font-weight: 100;
    position: relative;
	    line-height: 30px;
	padding-bottom: 20px;
}
.close-button {
    position: relative;
    top: 7px;
    right: 26px;
    cursor: pointer;
    float: right;
    text-align: right;
    color: white;
    z-index: 99999999999999999999;
}

.wpml-ls-legacy-list-horizontal a span {
    vertical-align: top;
    top: -10px;
    position: relative;
}
footer, main {
	margin-top: 0px;
}

.card, .partner-card, .card-no-hover{

}

.admin-bar header {
	top: 32px;
}

.card a, .homepage-posts a {
	text-decoration: none;
}
.wp-block-post-excerpt__more-link strong {
	margin-right:10px;
	text-decoration: none;
}



.card:hover {
	background: rgb(71,132,137);
	background: linear-gradient(90deg, rgba(71,132,137,1) 0%, rgba(31,96,100,1) 100%);
	color: white;
}

.card:hover .wp-image-1157 {
    -webkit-filter: invert(100%); /* Safari/Chrome */
    filter: invert(100%);
}



.orange  {
    list-style-type: none; /* Remove the default bullet points */
	
}

.orange  li {
	padding-left: 25px;
	line-height: 22px !important;
}

.orange li::before {
	content: "\2022";
    color: #ff6437;
    display: inline-block;
    width: 29px;
    margin-left: -30px;
    position: relative;
	font-size: 32px;
    position: relative;
    top: 5px;
	height: 10px;
}

.cofomo-video iframe {
	width: 100%;
	height: 600px;
}

.locations-footer .wp-block-columns .wp-block-column .wp-block-columns .wp-block-column:after {
	content: ' ';
    float: right;
    position: relative;
    margin-top: -30px;
    margin-right: -20px;
    width: 6px;
    height: 6px;
    background: white;
    border-radius: 100%;
}

.locations-footer .wp-block-column:last-child::after {
    display: none;
}


.related-news-title {
	width: 100%; 
	font-size: 26px;
	text-align: center;
	margin: 40px 0;
	font-weight: bold;
}
.related-post {
	padding: 0 20px;
}
.related-post.wp-block-columns .wp-block-column {
    max-width: 270px;
    }
.related-post h2 {
	font-size: 26px;
	font-weight: bold;
	line-height: 27px;
	margin-bottom: 15px;
}
.related-post h2 a {
	text-decoration: none;
}
.related-post .wp-block-columns .wp-block-column {
    max-width: 245px;
    }
.related-post .post-thumbnail img{
	height: 100%;
	width: auto;
}

.related-post .post-thumbnail {
    overflow: hidden;
    height: 270px;
}



.team-member .team-member-thumbnail img {
	width: 100%;
	height: auto;
}

.team-member h2 {
	font-size: 21px;
	font-weight: bold;
}

.team-member .team-member-inner {
	padding: 0 20px;
}
.team-member .team-member-inner p {
	    min-height: 75px;
}



	.selectoptions {
		cursor: pointer;
		outline: 0;
		color: #333333;
		font-size: 14px;
		padding: 3px 10px;
		border-radius: 3px;
		background-color: transparent;
		border: 0px solid black;
		border-left: 0px solid black;
		margin-right: 10px;
		width: 200px;
		text-align: center;
	}
    
    .blog-sorting {
        width: 100%; 
        margin: 0 auto;
        display: block;
        float: left;
    }
    .blog-sorting-inner-container {
        width: 530px; 
        margin: 0 auto;
    }
    .blog-sorting select {
        font-size: 18px;
    }
    
    .blog-sorting-inner {
        font-size: 18px;
        margin-left: 5px;
        padding-left: 5px;
        border-left: 1px solid black;
        float: left;
    }
    .blog-sorting-inner-all {
        float: left;
        line-height: 27px;
        margin-right: 15px;
    }

.search-404 .wp-block-search__inside-wrapper {
	height: 40px;
	
}
.search-404 .wp-block-search__button {
	padding: 1px 20px 0 0;
}

#mc_embed_signup ::placeholder {
  color: white;
  opacity: 1; 
}


#mc_embed_signup ::-ms-input-placeholder {
  color: white;
}

.has-link-color a {
	text-decoration: none;
}


.hide-desktop {
	display: none !important;
}

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

.owl-dots {
	text-align: center;
}

.owl-dot {
    color: inherit !important;
    border: none !important;
    padding: 0!important;
    font: inherit !important;
    background: #D9D9D9 !important;
    height: 15px !important;
    width: 15px !important;
	border-radius: 100% !important;
    margin: 0 10px !important;
}
.owl-dot.active {
	background: #FC6435 !important;
}
.owl-carousel.owl-drag .owl-item {
	padding-bottom: 15px !important;
}

.wp-block-navigation__responsive-container-close svg, .wp-block-navigation__responsive-container-open svg {
    height: 33px;
    width: 44px;
}

.industry-sections p a {
color: black !important;
margin: 0 10px;
text-decoration: underline;
}

.is-menu-open {
	    top: 90px !important;
}

.wpml-ls-legacy-list-horizontal a {
	font-size: 18px;
}
.wp-block-search__button svg {
fill: white !important;
    width: 40px;
    height: 40px;
    font-size: 50px;
    transform: scale(-1,1);
}
.wp-block-search__button svg path {
	stroke-width: 1px;
}
.wp-block-search.wp-block-search__button-only .wp-block-search__button {
	padding: 0;
}
.homepage-services figure img {
	width: 100%;
}
.wp-image-1157 {
	display: inline !important;
}
.mobile-menu ul li {
	font-size: 18px !important;
}

	.footer-menus .wp-container-core-group-layout-16, .footer-menus .wp-container-core-group-layout-18, .footer-menus .wp-container-core-group-layout-15, .footer-menus .wp-container-core-group-layout-17{
	margin-left: 30px;
}


.clear-both {
	clear:both;
}

.wp-block-post-excerpt__more-link {
color: black !important;
text-decoration: none;
}

.breadcrumb {
	font-size: 1.0rem;
    color: #9FA19F;
}


.post-featured-image {
    height: calc(10vw * (1400 / 404));
}


@media only screen and (max-width: 1200px) {
.test123 .has-global-padding {
	padding-left: 20px !important;
	padding-right: 20px !important;
}
	.modal-content {
    left: 50%;
    margin-left: -45%;
    width: 90%;
	max-width: 90%;
}
	.full-width {
		margin-left: -20px !important;
		margin-right: -20px !important;
	}
	

	.breadcrumb {
		padding: 5px 0px;
	}
	.featured-post .hideme {
		display: none;
	}
}
.background-contain .wp-block-cover__image-background{
	object-fit: contain !important;
	}
	.condensed {
		line-height: 23px !important;
	}
	
@media only screen and (max-width: 1000px) {	
	.hide-desktop {
		display: block !important;
	}
	.hide-mobile {
		display: none !important;
	}

	.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
		font-weight: 500 !important;
	}
	footer .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
		font-weight: 100 !important;
	}
	
	.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
		padding-top: 5px !important;
		padding-bottom: 20px !important;
	}

	#modal-description {
		max-height: 100%;
		overflow-y: visible;
	}
	.modal-content {
		overflow-y: scroll;
		height: 90%;
		margin-top: 20px;
	}
	.mobile-padding-20{
		padding: 20px !important;
	  }
	  .mobile-padding-30{
		padding: 30px !important;
	  }
	 .mobile-margin-top-40 {
	margin-top: 40px !important; 
	}

	}	

	@media (max-width: 1000px) {
		mobile-padding-20{
		  padding: 20px !important;
		}
		mobile-padding-30{
		  padding: 30px !important;
		}
	  }
	
	
@media only screen and (max-width: 600px) {
	.gform-theme--foundation {
	margin-bottom: 60px;
}
.main-site-logo {
	width: 30%;
}
.blog-sorting-inner-container {
	max-width: 90%;
}

.selectoptions {
	float: left;
	text-align: left;
}

.blog-sorting-inner-all a {
	width: 200px;
	float: left;
	display: block;
	padding-left: 20px;
	text-align: left;
}

.blog-sorting {
	margin-left: 10px !important;
	padding-bottom: 30px;
}
	.footer-menus .wp-container-core-group-layout-16, .footer-menus .wp-container-core-group-layout-18, .footer-menus .wp-container-core-group-layout-15, .footer-menus .wp-container-core-group-layout-17, .footer-menus .wp-container-core-group-layout-14{
		width: 100%;
		margin-left: 0px;
}

.footer-menus .wp-container-core-group-layout-20.wp-container-core-group-layout-20{
	width: 100%;
	margin-left: 0px;
}

.footer-menus .wp-container-core-group-layout-57 .wp-container-core-group-layout-54, .footer-menus .wp-container-core-group-layout-57 .wp-container-core-group-layout-56 {
	width: 100%;
	margin-left: 0px;
}

.footer-menus .wp-container-core-group-layout-55 .wp-container-core-group-layout-52, .footer-menus .wp-container-core-group-layout-55 .wp-container-core-group-layout-54 {
	width: 100%;
	margin-left: 0px;
}

.footer-menus .mobile-fullwidth {
	width: 100%;
	margin-left: 0px;
}



	.footer-newsletter-header {
		font-size: 18px !important;
		padding-left: 10px;
	}
	
	.blog-sorting-inner, .blog-sorting-inner-all   {
		float: none;
		border-left: 0px;
		width: 100%;
		text-align: center;
		display: block;
		margin-bottom: 10px;
		margin-left: -20px;
	}
	header .wp-container-core-group-layout-3.wp-container-core-group-layout-3 {
		justify-content: space-evenly !important;
	}
	.news-insights .wp-block-post-template {
		    clear: both;
    max-width: 83%;
    margin: 0 auto;
	}
	
	.cofomo-video iframe {
		height: 300px;
	}


	.wp-container-core-columns-layout-2.wp-container-core-columns-layout-2 {
		gap: var(--wp--preset--spacing--60);
	}
	.wp-block-image.size-full {
		text-align: center;
		width: 100%;
	}
	.wp-block-image.size-full img{

		margin: 0 auto;
	}
	.wp-block-navigation__responsive-container-content {
		padding-left: 20px; 
	}
	body {
    margin-top: 49px;
}
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
		padding-top: 5px;
		padding-bottom: 20px;
	
		
	}
	.wp-block-columns.swap .wp-block-column:first-child {
	order: 2;
}
	.locations-footer .wp-block-column:after {
		display: none;
	}
	.mobile-padding {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	.locations-footer p {
		font-size: 12px !important;
	}
	.locations-footer .wp-block-column-is-layout-flow {
		margin-left: 2px!important;
		margin-right: 2px!important;
	}
	.modal-text h2 {
		    font-size: 20px;
	}
	.modal-text {
		margin-top: 38px;
	}
	#modal-position {
		font-size: 16px;
	}
}



.hide-desktop-600 {
	display: none;
}

@media screen and (max-width: 600px) {
  .hide-desktop-600 {
    display: block;
  }
  .hide-mobile-600 {
    display: none;
  }
}


@media screen and (max-width: 530px) {

.homepage-services .card {
	width: 100%!important;
}
}




@media screen and (max-width: 720px) {
	.post-featured-image h1 {
				font-size: 26px !important;
	}
}








.homepage-carousel .wp-block-media-text__content {
    padding-left: 0!important;
    padding-right: 0!important;
    margin-right: 50px;
}

.no-padding {
    padding: 0 !important;
}

.anchor-right {
    float: right;
}

.stk-block-carousel__dots {
display: none;
}

.wp-block-media-text.is-image-fill .wp-block-media-text__media {
    min-height: 495px;
}

@media only screen and (max-width: 1270px) {
.homepage-carousel .wp-block-media-text__content {
    padding-left: 55px!important;
    margin-right: 20px;

}
.homepage-services .card {
    max-width: 500px;
    margin: 0 auto;
min-width: 240px;
}
}


@media only screen and (max-width: 1000px) {
.homepage-services {
    flex-wrap: wrap !important;
}
.align-center-mobile {
text-align: center;
}
.homepage-services .card {
display: flex;
min-width: 240px;
max-width: 40% !important;
margin-bottom: 35px;
}
}

@media only screen and (max-width: 780px) {
.homepage-services .card {
max-width: 80% !important;
width: 80% !important;
}
}



@media only screen and (max-width: 600px) {
.homepage-carousel .wp-block-media-text__content {
    margin-bottom: 20px;
}
.homepage-carousel .wp-block-media-text.is-image-fill .wp-block-media-text__media {
    background-size: cover;
    height: 100%;
    min-height: 68vw;
}
.stk-block-carousel__buttons {
display: none;
}
.stk-block-carousel__dots {
display: flex;
}
}

.broken_link, a.broken_link {
text-decoration: none !important;
}


.related-post {
padding: 0
}
.related-post .post-date, .related-post p, .related-post .learn-more {
font-size: 1rem !important;
    margin: 11px 0 !important;
    line-height: 21px !important;
}
.related-post  h2 {
font-size: 1.2rem !important;
line-height: 1.2 !important; 
}
.related-post .post-date {
    margin-top: 26px !important;
}



/* Make each column a vertical flex container */
.align-bottom .wp-block-column {
  display: flex;
  flex-direction: column;
}

/* Make the content group fill all available height */
.align-bottom .wp-block-column > .wp-block-group {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

/* Make the INNER group also flex so text flows normally */
.align-bottom .wp-block-column > .wp-block-group > .wp-block-group {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

/* Push the buttons block to the bottom */
.align-bottom .wp-block-column > .wp-block-buttons {
  margin-top: auto;
}



@media only screen and (max-width: 780px) {
	.cloud-microsoft-cert, .cloud-aws-cert {
		min-height: auto !important;
		padding-top:5px !important;
		padding-bottom:5px !important;
	}

	.cloud-orange-banner-small{
		font-size: 14px !important;
	}
	.cloud-orange-banner-big {
		font-size: 34px !important;
	}
}



:root :where(a:where(:not(.wp-element-button))) {
    text-decoration: unset; 
}

.card:hover .learn-more a{
	color: white !important;
}

:where(.wp-site-blocks *:focus){outline-width:0px;outline-style:solid; outline:none;
}


.wp-block-navigation__responsive-container *:focus{
    outline:none;
border: 0px solid black;
}

@media only screen and (max-width: 480px) {
    h3 {
        font-size: var(--wp--custom--font-size-mobile-h3, 20px);
    }
    p {
        font-size: var(--wp--custom--font-size-mobile-p, 16px);
    }
}


html {
    scroll-padding-top: 130px; /* Adjust to match your fixed header height */
}