/* borrar */
/* GARDNER STYLE */
:root {
    --gardner-green: #57CCA6;
    --gardner-light-green: #D7ECE3;
    --gardner-green-alt: #56CCA5;
    --gardner-orange: #F55921;
    --gardner-light-orange: #FCF0EB;
    --gardner-deep-blue: #1F4766;
    --gardner-soft-blue: #EAEDF0;


    /* fonts */
    --gardner-body-blue: #1E4767;
    --gardner-fonts-orange: #F45922;


    /* ask the correct colors for the hover to match designs*/
    --gardner-orange-hover: #df0b01;
    --gardner-deep-blue-hover: #051335;

    /* hero overlay img */
    --gardner-hero-height: 90vh;

}



body, h1, h2, h3, h4, h5, h6, p, a, span,
.cal1,
.second_font, rs-layer, 
.elementor-counter-number-wrapper, .elementor-counter-title,
h4.elementor-heading-title.elementor-size-default,
h4.elementor-heading-title.elementor-size-default
{
    font-family: "din-2014",sans-serif !important;
    font-style: normal;
    color: var(--gardner-body-blue);
}

.blog-grid article.post-wrap .post-footer .egovt-post-readmore a,
.blog-grid article.post-wrap .post-meta-grid .post-meta-content-grid a, .blog-grid article.post-wrap .post-meta-grid .post-meta-content-grid span
{
    color: var(--gardner-body-blue);
}

/* .post-wrap .post-meta-date .post-date
.post-wrap .post-meta-date .post-date span.right.second_font, */
.post-wrap .post-date span.second_font
{
    color: white;
}

body, h1, h2, h3, h4, p{
    margin: 0;
}


/* ask where to use this */
/* .gardner-title,
.elementor-section .elementor-container .elementor-widget-ova_header .wrap_ova_header .ova_header_el h1.header_title, 
.elementor-section .elementor-container .elementor-widget-ova_header .wrap_ova_header .ova_header_el h1.second_font.header_title 
{
    font-family: "din-2014",sans-serif;
    font-weight: 400;
    font-size: 48px;
    line-height: 1;
} */

/* blog simple page h1 title */
.single-post article.post-wrap .post-title h1.post-title,

/* estos selectores agregue una vez que hicieron el cambio en el stile sheet, anteriormente estaba separado como se ve arriba */
.gardner-title,
/* .elementor-section .elementor-container .elementor-widget-ova_header .wrap_ova_header .ova_header_el h1.header_title,  */
/* .elementor-section .elementor-container .elementor-widget-ova_header .wrap_ova_header .ova_header_el h1.second_font.header_title, */
/* originalmente */
h1,
h1.header_title,
h1.elementor-heading-title,
h1.second_font.header_title,
/* .elementor-widget-ova_header .wrap_ova_header .ova_header_el .header_title, */
.elementor-section .elementor-container .elementor-widget-heading .elementor-widget-container h1.elementor-heading-title,

.ova-heading .title,
.ova-heading h1.title
{
    font-family: "din-2014",sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 48px;
    line-height: 1;
    /* identical to box height, or 48px */
    text-transform: capitalize;
    margin-bottom: 25px;
    color: var(--gardner-body-blue);

}


h2,
h2.elementor-heading-title,
.page-template h2.elementor-heading-title.elementor-size-default,
/* .elementor-68 .elementor-element.elementor-element-e57d9c1 .elementor-heading-title, */
.elementor-section .elementor-container .elementor-widget-heading .elementor-widget-container h2.elementor-heading-title,
.elementor-section .elementor-container .elementor-widget-container .ovaev-event-element.version_2 .title-readmore .title-event,
.elementor-section .elementor-container .elementor-widget-container .ovaev-content.content-grid .desc .event_post .event_title,
.elementor-section .elementor-container .elementor-widget-container .ovaev-content.content-grid .desc .event_post .event_title a,

.ova-heading h2.title,
.archive_dep .content .ova-content h2.title a,
.ovaev-event-element.version_2 .title-readmore .title-event,

.ovaev-content.content-grid .desc .event_post .event_title a,
.blog-grid article.post-wrap .post-title h2.post-title,
.blog-grid article.post-wrap .post-title h2.post-title a,
.wrap-portfolio .archive-por .content-por.classic-portfolio .ovapor-item .content-item h2.title a,
.elementor-section .elementor-container .ova_archive_dep_slide .ova_dep_slide.content .owl-item .ova-content .title a,
.ova_archive_dep_slide .ova_dep_slide.content .owl-item .items:hover .ova-content .title a
{
    font-family: "din-2014",sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 1;
    margin-bottom: 25px;
    color: var(--gardner-body-blue);

    /* color: gold; */

}
/* special case h2. remove margin  */
.elementor-section .elementor-container .elementor-element-2e28335.elementor-widget-heading .elementor-widget-container h2.elementor-heading-title,
.elementor-section .elementor-container .elementor-element-e57d9c1.elementor-widget-heading .elementor-widget-container h2.elementor-heading-title
{
    margin-bottom: 0;
}

.elementor-section .elementor-container .elementor-widget-heading.elementor-element-3b63ad3 .elementor-widget-container h2.elementor-heading-title{
    color: #fff;
}



h3,
h3.elementor-heading-title,
.ova_feature .items .title,
.ova_feature .items .title a,
.ova_feature .items .title a.second_font,
.ova_feature.version_2 .items .title,
.ova_feature.version_2 .items .title a,
.ova_feature.version_2 .items .title a.second_font,
.ova_feature.version_3 .items .title,
.ova_feature.version_3 .items .title a,
.ova_feature.version_3 .items .title a.second_font,
.elementor-section .elementor-container .elementor-widget-container .ova-document-list .list-doc .item h3.title,
.elementor-section .elementor-container .elementor-widget-container .ova-document-list .list-doc .item h3.title a,

/* .elementor-5373 .elementor-element.elementor-element-903ccae .ova_feature_box_3 .title, */
.wrap-related-por .title-related,
.ova_list_link .title,
.ova_feature_box.version_1 .ova-content h3.title a,
.ova-heading h3.title,
.ova-history .wp-item .wp-year .title h3
{
    font-family: "din-condensed",sans-serif !important;
    /* font-stretch: condensed; */
    font-style: normal;
    font-weight: 400;
    font-size: 26px;
    line-height: 1;
    margin-bottom: 25px;
    color: var(--gardner-body-blue);

}

/* same as h3 without forcing color. it takes the elementor color */
.ova-wrapp .elementor .elementor-element .ova_feature_box_3 .title
{
    font-family: "din-condensed",sans-serif !important;
    /* font-stretch: condensed; */
    font-style: normal;
    font-weight: 400;
    font-size: 26px;
    line-height: 1;
    margin-bottom: 25px;
}
/* change color for this special h3 in this element */
.ova_feature.version_3 .items .title,
.ova_feature.version_3 .items .title a,
.ova_feature.version_3 .items .title a.second_font{
    color: #fff;
}

h4,
h4.elementor-heading-title,
.ova-heading h4.title,
.elementor-section .elementor-container .elementor-widget-container h4.elementor-heading-title
{
    font-family: "din-2014",sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    /* identical to box height, or 125% */
    text-transform: uppercase;
    /* color: #F45922; */
    color: var(--gardner-fonts-orange);
    margin-bottom: 15px;
}

/* special case for the footer  h4*/
/* .elementor.elementor-177 .elementor-section .elementor-container .elementor-widget-container h4.elementor-heading-title
{
    color: aquamarine;
} */

/* body{
    font-style: normal;
    font-weight: 200;
    font-size: 16px;
    line-height: 20px;
    color: gold;
    margin-bottom: 25px;
} */

/* body and p tohether */
body,
p,
p span,
article.post-wrap .post-body .post-excerpt p,/* blog */
article.post-wrap .post-body .post-excerpt p span,/* blog */
.ova-document-list .list-doc .item p.date,
.ova-info-content p.job,
.ova-history .wp-item .wp-year .desc p,
.ova-heading p.sub-title,
.archive_dep .content .ova-content .descption,
.ova_team_single .ova_info .ova-excerpt-team .excerpt-2 p
{
    font-style: normal;
    font-weight: 200;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 25px;
    color: var(--gardner-body-blue);

}

/* same as p and body but we dont want to force the color */
.ova-wrapp .elementor .elementor-element .ova_feature_box_3 .desc
{
    font-style: normal;
    font-weight: 200;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 25px;
}

/* extends the above, only to remove margin bottom on rigth panel, in the home */
.ova-document-list .list-doc .item p.date{
    margin-bottom: 0;
}


/* quote slides */
.quote,
.elementor-section .ova-testimonial .slide-testimonials .client_info p.evaluate,
.ova-testimonial .slide-testimonials .client_info p,
.ova-testimonial .slide-testimonials .client_info .info .name-job .name,
.ova-testimonial .slide-testimonials .client_info .info .name-job .job,
/* for the single section */
.ova-testimonial.version_2 .slide-testimonials .client_info .info p.evaluate,
.ova-testimonial.version_2 .slide-testimonials .client_info .info .name-job .name,
.ova-testimonial.version_2 .slide-testimonials .client_info .info .name-job .job
{
    font-family: "din-2014",sans-serif;
    color: var(--gardner-body-blue);
    
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 15px;
    /* text-transform: capitalize; */
    /* color: fuchsia; */
}

.ova-testimonial .slide-testimonials .client_info .info .name-job .name,
.ova-testimonial.version_2 .slide-testimonials .client_info .info .name-job .name{
    font-weight: bold;
    font-size: 16px;
    text-transform: capitalize;
    margin-bottom: 5px;

}

.ova-testimonial .slide-testimonials .client_info .info .name-job .job,
.ova-testimonial.version_2 .slide-testimonials .client_info .info .name-job .job{
    font-weight: 200;
    font-size: 16px;
    text-transform: capitalize;
}



.navigation,
/* top-menu */
.elementor-section .elementor-element .ova_menu_clasic .ova_nav ul.menu > li > a,
/* .elementor-80 .elementor-section .elementor-element.elementor-element-1884f8a .ova_nav ul.menu > li > a,
.elementor-80 .elementor-section .elementor-element.elementor-element-1884f8a .ova_nav ul.menu .dropdown-menu li a, */


.elementor-80 .elementor-section .elementor-widget-ova_menu .ova_menu_clasic .ova_nav ul.menu > li > a,
.elementor-80 .elementor-section .elementor-widget-ova_menu .ova_menu_clasic .ova_nav ul.menu .dropdown-menu li a,

.elementor-131 .elementor-section .elementor-widget-ova_menu .ova_menu_clasic .ova_nav ul.menu > li > a,
.elementor-131 .elementor-section .elementor-widget-ova_menu .ova_menu_clasic .ova_nav ul.menu .dropdown-menu li a,

/* .elementor-6286 .elementor-element.elementor-element-1884f8a .ova_nav ul.menu > li > a, */
.elementor-6286 .elementor-section .elementor-widget-ova_menu .ova_menu_clasic .ova_nav ul.menu > li > a,
.elementor-6286 .elementor-section .elementor-widget-ova_menu .ova_menu_clasic .ova_nav ul.menu .dropdown-menu li a,

.elementor-6285 .elementor-section .elementor-widget-ova_menu .ova_menu_clasic .ova_nav ul.menu > li > a,
.elementor-6285 .elementor-section .elementor-widget-ova_menu .ova_menu_clasic .ova_nav ul.menu .dropdown-menu li a,

/* footer */
.ova_menu_page li a,
.ova_menu_page.type2 li a
{
    font-family: "din-2014",sans-serif;
    /* demi */
    font-weight: 600;
    /* title specs on design */
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 10px;
    /* color: fuchsia; */
}

.elementor-80 .elementor-section .elementor-widget-ova_menu .ova_menu_clasic .ova_nav ul.menu > li > a,
.elementor-6286 .elementor-section .elementor-widget-ova_menu .ova_menu_clasic .ova_nav ul.menu > li > a,
.elementor-6285 .elementor-section .elementor-widget-ova_menu .ova_menu_clasic .ova_nav ul.menu > li > a,
.elementor-131 .elementor-section .elementor-widget-ova_menu .ova_menu_clasic .ova_nav ul.menu > li > a
{
    margin-bottom: 0;
}

.elementor-widget-ova_menu .ova_nav ul.menu > li > a,
.elementor-widget-ova_menu .ova_nav ul.menu .dropdown-menu > li > a
{
    color: var(--gardner-body-blue);
}

.utility-navigation,
.elementor-section .elementor-element.elementor-view-gardner-top-menu.elementor-widget.elementor-widget-ova_menu .ova_menu_clasic .ova_nav ul.menu > li > a,
/* footer utility navigation */
.ova_menu_page.show-arrow a,
.ova_menu_page.type1.show-arrow a,
.elementor-section .elementor-element .ova-contact-info .address a,
.elementor-section .elementor-container .elementor-element .ova-contact-info .address span a span,
.elementor-section .elementor-container .elementor-element .ova-contact-info .address span a
{
    font-family: "din-2014",sans-serif;
    /* demi */
    font-weight: 600;
    /* title specs on design */
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 10px;
}

/* side .navigation 
*
*/

/* department single page */
.ova_dep_wrap .ova-dep-sidebar .ova_info .ova-list-dep .title-list-dep,
.ova_dep_wrap .ova-dep-sidebar .ova_info .ova-list-dep ul li a,
.ova_sev_wrap .ova-sev-sidebar .ova_info .ova-list-sev .title-list-sev a,
.ova_sev_wrap .ova-sev-sidebar .ova_info .ova-list-sev ul li a
{
    color: var(--gardner-body-blue);
}


/* misc 
*
*
*
*
*
*/

.ova-info-content .name{
    /* color: var(--gardner-deep-blue-hover); */
    color: var(--gardner-body-blue);
}


/* this rule will change the job, mail an phone to the deep blue color */
.ova-info-content .job,
.ova-info-content .ova-email i,
.ova-info-content .ova-email a, .ova-info-content .ova-phone a,
.ova-info-content .ova-phone i
{
    color: var(--gardner-body-blue);
}

.archive_team .ova-info-content .job{
    color: var(--gardner-orange);
}
.archive_team  .ova-info-content .job:hover{
    /* color: var(--gardner-orange-hover); */
    color: #fff;
}

/* on hover these shoud be white */
.ova-info-content .ova-email a:hover, 
.ova-info-content .ova-phone a:hover
{
    color: #fff;
}

/* icons */
.archive_team .content .items .content_info .ova-info-content .ova-social ul li a i{
    color: var(--gardner-deep-blue);
}


/* home page counter. set the counter color un white */
/* section.elementor-element-2bcac02 .elementor-element.ova_egovt_counter .elementor-counter-number-wrapper .elementor-counter-number, */

/* counter text */
span.elementor-counter-number-prefix,
span.elementor-counter-number,
span.elementor-counter-number-suffix,
.elementor-element.ova_egovt_counter .elementor-counter-number-wrapper .elementor-counter-number,
.elementor-element.ova_egovt_counter .elementor-counter-number-wrapper .elementor-counter-number-suffix{
    /* color: white; */
    color: inherit;
}


/* counter icon */
.egovt_icon_couter.elementor-widget-html .elementor-widget-container i:before{
    color: var(--gardner-green);
}


/* events */
.ovaev-content.content-grid .desc .event_post .post_cat a.event_type{
    color: var(--gardner-orange);

}
.ovaev-content.content-grid .desc .event_post .post_cat a.event_type:hover{
    color: var(--gardner-orange-hover);
}

.ova-document-list .readmore a,
.ovaev-event-element.version_2 .title-readmore .read-more{
    color: var(--gardner-orange);

}
.ova-document-list .readmore a:hover,
.ovaev-event-element.version_2 .title-readmore .read-more:hover{
    color: var(--gardner-orange-hover);
}


/* services */
.ova_feature_box.version_1 .ova-content .readmore a{
    color: var(--gardner-body-blue);
}


/*single  blog page*/
article.post-wrap .post-meta .post-meta-content .wp-categories a, 
article.post-wrap .post-meta .post-meta-content .wp-author a,
.sidebar .widget.widget_categories li > a:before,
.sidebar .widget.widget_categories li > a, .sidebar .widget.widget_archive li > a, .sidebar .widget.widget_links li > a, .sidebar .widget.widget_meta li > a, .sidebar .widget.widget_nav_menu li > a, .sidebar .widget.widget_pages li > a, .sidebar .widget.widget_recent_entries li > a, .sidebar .widget.widget_product_categories li > a,
.wrap-portfolio .single-por.type1 .wrap-content-por .info-por a, .wrap-portfolio .single-por.type1 .wrap-content-por .info-por span
{
    color: var(--gardner-fonts-orange);
}

/* article.post-wrap .post-meta .post-meta-content .wp-categories a, article.post-wrap .post-meta .post-meta-content .wp-author a:hover{
color: yellowgreen;
} */

article.post-wrap .post-meta .post-meta-content .wp-categories a:hover,
article.post-wrap .post-meta .post-meta-content .wp-author a:hover,
.sidebar .widget.widget_categories li > a:hover, .sidebar .widget.widget_archive li > a:hover, .sidebar .widget.widget_links li > a:hover, .sidebar .widget.widget_meta li > a:hover, .sidebar .widget.widget_nav_menu li > a:hover, .sidebar .widget.widget_pages li > a:hover, .sidebar .widget.widget_recent_entries li > a:hover, .sidebar .widget.widget_product_categories li > a:hover,
.wrap-portfolio .single-por.type1 .wrap-content-por .info-por a:hover 
{
    color: var(--gardner-orange-hover);
}


/*single  blog page*/
    /*side bar*/
.sidebar .widget.widget_tag_cloud .tagcloud a,
.single-post-egovt article.post-wrap .post-tag .post-tags a,
.single_event .event_content .event-tags a
{
    color: var(--gardner-fonts-orange);
    border-color: #e0e0e0;
}
.sidebar .widget.widget_tag_cloud .tagcloud a:hover,
.single-post-egovt article.post-wrap .post-tag .post-tags a:hover,
.single_event .event_content .event-tags a:hover
{
    color: var(--gardner-orange-hover);
    background-color: #fff;
    border-color: #e0e0e0;
}

.sidebar .widget h4.widget-title,
.wrap-portfolio .single-por.type1 .wrap-content-por .info-por label
{
    color: var(--gardner-body-blue);
}

.single-post-egovt article.post-wrap .post-tag .post-tags .ovatags,
.single_event .event_content .event-tags .ovatags
{
    color: var(--gardner-body-blue);
}

article.post-wrap .post-tag .ovatags, article.post-wrap .post-tag .ovacats, 
article.post-wrap .post-tag .share_social .ova_label,
.single-post-egovt article.post-wrap .ova-next-pre-post .pre .num-2 span.text-label,
.single-post-egovt article.post-wrap .ova-next-pre-post .next .num-2 span.text-label,
.single_event .event_content .ova-next-pre-post .pre .num-2 span.text-label,
.single_event .event_content .ova-next-pre-post .next .num-2 span.text-label,
.wrap-portfolio .single-por .single-foot-por .ova-next-pre-post .pre .num-2 span.text-label, 
.wrap-portfolio .single-por .single-foot-por .ova-next-pre-post .next .num-2 span.text-label

{
    color: var(--gardner-body-blue);
}

article.post-wrap .post-tag .share_social .ova_label,
.share_social .ova_label
{
    color: var(--gardner-body-blue) !important;
}

.single-post-egovt article.post-wrap .ova-next-pre-post .pre .num-2 .title, .single-post-egovt article.post-wrap .ova-next-pre-post .next .num-2 .title,
.single_event .event_content .ova-next-pre-post .pre .num-2 .title, .single_event .event_content .ova-next-pre-post .next .num-2 .title,
.wrap-portfolio .single-por .single-foot-por .ova-next-pre-post .pre .num-2 .title, .wrap-portfolio .single-por .single-foot-por .ova-next-pre-post .next .num-2 .title
{
    color: var(--gardner-fonts-orange);
}
.single-post-egovt article.post-wrap .ova-next-pre-post .pre .num-2 .title:hover, .single-post-egovt article.post-wrap .ova-next-pre-post .next .num-2 .title:hover,
.single_event .event_content .ova-next-pre-post .pre .num-2 .title:hover, .single_event .event_content .ova-next-pre-post .next .num-2 .title:hover,
.wrap-portfolio .single-por .single-foot-por .ova-next-pre-post .pre .num-2 .title:hover, .wrap-portfolio .single-por .single-foot-por .ova-next-pre-post .next .num-2 .title:hover
{
    color: var(--gardner-orange-hover);
}


/* events single page */
.single_event .event_content .tab-Location ul.nav li.nav-item a{
    color: var(--gardner-body-blue);
}
.single_event .event_content .tab-Location ul.nav li.nav-item a.active{
    color: var(--gardner-fonts-orange);
}

/* tags at bottom page set to transparent, later with js "tags" text is replaced with "topics" and set a color blue #767 */
.single-post-egovt article.post-wrap .post-tag .post-tags .ovatags, .single_event .event_content .event-tags .ovatags{
    color: transparent;
}


/* ova services */
/* title */
.archive_sev .items .title{
    max-height: 90px;
    overflow: hidden;
}

/* excerpt  dif is 19*/
.archive_sev .items .content-sub .excerpt{
    max-height: 76px; 
    max-height: 95px;
    overflow: hidden;
}


/* used for the custom format on the tinyMCE, added in functions.php by client request */

article.post-wrap .post-body .post-excerpt p.paragraph-large,
p.paragraph-large,
.paragraph-large
{
    text-align: left; 
    font-size: 26px; 
    line-height: 26px;
    font-style: normal;
    font-weight: 200;
    margin-bottom: 25px;
    color: var(--gardner-body-blue);
}