/* Homepage
--------------------------------------------------------------------------------------- */

/* .section-list-wrap li { border-color: #fff; } */
/* .giving-form_wrapper { background-color: #fff; padding: 40px 25px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;} */

.icon-grid img { max-width: 80px; margin: 0 auto 40px auto;}

.circles-cycle-wrapper { background-color: #d9ebf3; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.circles-cycle-wrapper .quote p { font-size: clamp(1.375rem, 1rem + 1.2vw, 2.5rem); line-height: 1.3em; color: #333; font-family: Georgia, 'Times New Roman', Times, serif !important; font-style: italic;}

.top-bar-nav { text-align: right;}
.top-bar-nav li { display: inline-block; text-transform: uppercase; margin-left: 4%; font-family: 'proxima-nova', Arial, Helvetica, sans-serif; padding-left: 24px; text-align: right; height: 40px; line-height: 40px; font-size: 15px; }
.top-bar-nav li a { font-weight: 400;}

.left .top-bar-nav { text-align: left;}
.left .top-bar-nav li {  margin-left: 30px !important; }

.icon-contact { background: transparent url(../images/icon-contact.png) no-repeat; background-position: 0 13px; background-size: 18px 13px; padding-left: 30px !important;}
.icon-directions { background: transparent url(../images/icon-directions.png) no-repeat; background-position: 0 11px; background-size: 12px 18px;  }
.icon-call { background: transparent url(../images/icon-call.png) no-repeat; background-position: 0 10px; background-size: 12px 18px; }
.icon-website { background: transparent url(../images/icon-website.png) no-repeat; background-position: 0 10px; background-size: 18px 18px; }


/* Secondary Pages
--------------------------------------------------------------------------------------- */

.grid-values .grid-flex { flex-direction:column !important; row-gap:60px !important; }
.grid-values .grid-flex > .panel { display:grid !important; grid-template-columns:minmax(66px,90px) 280px 1fr !important; column-gap:60px !important; width:100% !important; align-items:flex-start !important; }
.grid-values .panel-image-wrap { grid-column:1 !important; min-width:66px !important; display:flex !important; justify-content:center !important; align-items:flex-start !important; }
.grid-values .panel-content-wrap { display:contents !important; }
.grid-values .panel-content-wrap h2 { grid-column:2 !important; margin-top:0 !important; }
.grid-values .panel-content-wrap .wysiwyg { grid-column:3 !important; }
@media (max-width:768px) { .grid-values .grid-flex > .panel { display:flex !important; flex-direction:column !important; row-gap:20px !important; } }
@media (max-width:768px) { .grid-values .panel-image-wrap, .grid-values .panel-content-wrap h2, .grid-values .panel-content-wrap .wysiwyg { grid-column:auto !important; } }

.job-titles-standard .grid-flex .small-titles { letter-spacing: 0 !important; text-transform: none !important; color: #333 !important;}

.image-grid-full .section.section-full { padding-left: 10px !important; padding-right: 10px !important;}

.foot-flex{display:flex;width:100%;gap:100px;}
.foot-flex-col-fixed{flex:0 0 200px;max-width:200px;}
.foot-flex-col-fluid{flex:1;min-width:0;}
@media(max-width:501px){.foot-flex{flex-direction:column;}.foot-flex-col-fixed{max-width:100%;flex:1;}.foot-flex-col-fluid{max-width:100%;flex:1;}}

.foot-meta { padding: 40px 0;  border-top: 1px solid #555; border-bottom: 1px solid #555; margin-top: 24px; }
.footer .button { float: left !important;}

.foot-flex p { font-size: 1.6em !important;}
.foot-flex .titles { font-family: 'trajan-pro-3', Helvetica, Arial, sans-serif !important;}
.social-media-icons { margin-right: 0 !important;}

/* Media Queries
--------------------------------------------------------------------------------------- */


/* Desktops and laptops ----------- */

@media only screen
and (max-height : 1440px) {


}

@media only screen
and (max-height : 1100px) {


}

@media only screen
and (max-height : 900px) {


}

@media only screen
and (max-height : 800px) {


}

@media only screen
and (max-height: 540px) {


}


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


}


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


}


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


}



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


}

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

}


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


}

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


}


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


}



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


}

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


}

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

    .foot-flex .panel { width: 100%;}

}

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


}

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


}

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


}


/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {


}

@media screen and (min-width:320px) and (max-width:780px) and (orientation:landscape) {


}

@media only screen
and (max-width : 501px) and (orientation:portrait)  {
	
    .grid-values img { max-width: 77px !important; margin-bottom: 24px;}
    .flex-logo { max-width: 160px;}
    .foot-flex{gap:0;}
    .foot-menu-wrap { margin-top:40px !important; margin-bottom: 0 !important;}
    .locations.marg-t-40 { margin-top: 0 !important;}
    .footer .button { display: block !important; margin-bottom: 40px;}
    .copyright.ta-right { text-align: left !important;}

    .hero-content h2 {font-size: 8vw !important; line-height: 1.1em;}
    .grid-values .grid-flex {flex-direction:column !important;row-gap:0 !important;}
    .grid-values .grid-flex > .panel:first-child { margin-top: 0 !important;}

    .image-grid-full .grid-flex .panel { margin-top: 10px !important;}
    .image-grid-full .section { padding-top: 0 !important; padding-bottom: 10px !important;}
    .image-grid-full .grid-flex {flex-direction:column !important;row-gap:0 !important;}

    #section-4 .grid-flex.marg-t-60 { margin-top: 0 !important;}

}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {


}