@charset "utf-8";
/* CSS Document */


:root {
	--light-green:#84AF2A; 
	--green:#5A8B2F;
	--tra-primary:#393E41;
	--tra-secondary:#E7E5DF;
	--bs-primary: #78CAD2;
	--tra-d-blue:#052F5F;
	--tra-indigo-blue:#005377;
	--tra-pumpkin:#F08700;
}
*:focus { outline-style: hidden; }
.container {display:flow-root  }
html { margin: 0; padding: 0; scroll-behavior: smooth; font-size:18px  }
body,input,textarea,button,select{line-height:1.6;font-weight:400;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%; font-family:'Roboto', sans-serif; }
.tralogo { max-height:150px; width:auto; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out;  }
header.smaller .tralogo { max-height:75px;  }
a { color:#FF5340; text-decoration:none; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; background-image: linear-gradient(to bottom, transparent 20%, currentColor 21%); background-position: 0% 100%; background-repeat: no-repeat; background-size: 0% 1px; overflow-wrap: break-word; word-wrap: break-word; }
a:hover, a:focus {  color:#FF8566; transition-delay: 0s; text-decoration: underline; }
.navbar-nav .menu-item-has-children:hover .dropdown-menu { display: block; margin-top: 0; }

.navbar-nav .nav-link { font-size: 1.2em;  font-family:'League Spartan', sans-serif; font-family:'Roboto', sans-serif; color:var(--green); line-height: 1em; padding: 8px 16px  !important;  padding-top: 12px !important; font-weight: 700; }
.navbar-nav .nav-link:focus, .navbar-nav .nav-link:hover { background: var(--green); color: #fff; text-decoration: none;  }
.navbar-nav .dropdown-item, .woocommerce a, #carouselHomepage a { text-decoration: none; }
header a:hover, header:a:focus { text-decoration: none; }

button { border:0;background-color:transparent; outline: none; -webkit-appearance: button; cursor: pointer;   }
button.search { position: absolute; right: 25px; top: -15px; background-color: transparent; background-repeat: no-repeat; padding: 5px; z-index:9999; color:#052F5F !important; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; }
.navbar-toggler { border: 1px solid rgba(132,175,42,0.5) }
.navbar-toggler:focus { box-shadow: 0 0 0 0.25em rgba(132,175,42,0.1)  }
.offcanvas.offcanvas-end { border-left-color: var(--light-green); }
.carim { float:right; }
.flow-root { display: flow-root; }

/*#page-wrapper, .wrapper.pagec, #single-wrapper*/.hpwrapper, .travert { padding-top:180px; width: 100%; min-width: 100%;  height: auto; clear: both; }

h1, h2 { text-transform: uppercase; font-family:'League Spartan', sans-serif;  }
h1 { font-size: 3em; }
h1.homepgetitle { font-size: 2.4em; }
h1 a, h2 a, h3 a { color:var(--bs-body-color);  }

.fact-flex-column  { display: flex; flex-direction: column; position: relative;   }
.fact-flex-column::before, .fact-flex-column::after { content: ""; display: block; background-color: var(--tra-secondary); border-radius: 47% 53% 80% 20% / 41% 50% 50% 59% ; position: absolute;  top: 0; bottom: 0; width: 100%; z-index: -1;  height: 180px; }
.fact-flex-column h2 { order: 2; color: var(--green); font-size: 2.6rem; padding-bottom: 50px; min-height: 80px }
.fact-flex-column h3 { order: 1; color:var(--light-green); font-size: 1.4em; padding-top:30px; min-height: 80px }
.fact-flex-column p { order: 3; font-size: 1.2em; }


.my-flex-column  { display: flex; flex-direction: column; position: relative;  padding:25px; border:1px solid var(--green);  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  }
.my-flex-column h2 { order: 1; /*color: var(--green);*/ font-size: 1.8rem; padding: 0 0 10px 0; margin-bottom:0; }
.my-flex-column p { order: 2; font-size: 1.2em; }
.my-flex-column a { order: 3; }

.home .col-md-4:first-child { padding-left:0; padding-right:var(--bs-gutter-x); }
.home .col-md-4:last-child { padding-right:0; padding-left:var(--bs-gutter-x); }

.carousel-item { font-size:1.2rem; color:#fff;  }
.carousel-item:before { content: ""; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 48%; background-color: var(--green); clip-path: polygon(0 0%, 100% 0%, 90% 100%, 0% 100%); z-index: 1; }
.carousel-item h2 { color:#fff; font-size:2rem;  }
.carousel-item .carim { max-width:60%; }
.carouselInnerCont { transform: translateY(-50%); top: 50%; left: auto;  position: absolute; top: 50%; z-index: 99; padding: 20px 0 20px 12%; width:40%; }
.w-60 { width: 60%!important; }
.cptable { max-width:500px; margin:40px auto }

.nav-previous, .nav-next { border:1px solid #ccc; width: 45%; padding: 14px 60px; border-radius: 10px; display: block; position:relative; }
.nav-previous a { text-align:left; }
.postnavtitle { text-transform: uppercase; color:var(--tra-d-blue); font-weight: 800; font-size:0.8em;  }
.nav-next  { 
   & a { text-align:right; }	
   & .postnavtitle { width:100%; text-align: right; display: block;  }	
}
.nav-links  a { text-decoration:none; & .whato { color:var(--tra-indigo-blue); font-weight: 800; }}
.nav-links .nav-next:hover, .nav-links .nav-next:focus ,.nav-links .nav-previous:hover, .nav-links .nav-previous:focus { text-decoration:none; background-color:#efefef;  }
.nav-previous .fa.fa-angle-left, .nav-next .fa.fa-angle-right { font-size:90px }
.nav-previous {  padding-right:25px; & .fa.fa-angle-left { position:absolute; left:5px; top:50%; transform: translateY(-50%); }}
.nav-next { padding-left:25px;   ; & .fa.fa-angle-right { position:absolute; right:5px; top:50%; transform: translateY(-50%); }}
.mainlist ul { display: flex; flex-wrap: wrap; align-items: stretch; padding-left:0;  }
.mainlist li { display: flex;  justify-content: center; flex-direction: column; flex: 0 0 30%; margin: 1% 2%; list-style-type: none; }
.mainlist li a { display: block; height: 100%; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; padding: 8px 16px; display: flex;  justify-content: center; flex-direction: column; color: var(--tra-d-blue);   }
.mainlist li a:hover, .mainlist li a:focus { box-shadow: rgba(255,83,64, 0.2) 0px 7px 29px 0px; text-decoration: none;  }
.mainlist li:nth-child(3n+1) { margin-left: 0; }
.mainlist li:nth-child(3n) { margin-right: 0; }
.mainlist .float-end { margin-right:2%; color: var(--tra-primary); }
.pagination, .page-link { color:var(--green); }
.list-group-item.active { background-color: var(--green); border-color: var(--green); }
.page-link:hover, .page-link:focus, a.trabutton:hover, .sumobabylb a { text-decoration: none; }
.page-link.active, .active > .page-link { background-color: var(--green); border-color: var(--green); }

.carousel-control-prev, .carousel-control-next { z-index: 999; width: 10%; }
.linkedinicon, #sumobabymark { fill:#efefef; width: 30px; height:30px; }
.linkedinicon:hover, .linkedinicon:focus,  .sumobabylb a:focus .st0,  .sumobabylb a:hover .st0 { fill:var(--tra-pumpkin); text-decoration: none;  }


.sumobabylb { position: absolute; bottom: 10%; }
.sumobabylb a:hover, .sumobabylb a:focus, .sumobabylb a:focus .st0,  .sumobabylb a:hover .st0 { fill:#136eab; color: #136eab !important; text-decoration: none;  }
#custom_html-5 .textwidget { height:100%; position: relative;  }

/*.hpfeature a:hover .c-overlay, .hpfeature a:focus .c-overlay, .box a:hover .c-overlay, .box a:focus .c-overlay, .plarchive a:hover .c-overlay, .plarchive a:focus .c-overlay, */
.tgrid .team:hover .c-overlay, .tgrid .team:focus .c-overlay { opacity: 1; }
.tgrid .team:hover .intc, .tgrid .team:focus .intc { opacity: 0; }
.tgrid .intc  { position:absolute; width:100%; height:auto; bottom:0;left:0; padding:7% 7% 7% 7%; color:#fff; z-index:50; /*background: rgba(0,0,0,0.2);*/ text-align: right; }
.tgrid { position:relative; }
.tgrid:after { content: ".";  display: block; height: 0;  clear: both; visibility: hidden; }
.tgrid .c-overlay { background: rgba(0,0,0,0.3); position: absolute; height: 100%; width: 100%; left: 0; top: 0;  bottom: 0; right: 0; opacity: 0; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s;  z-index:999; text-align: right;}
.tgrid h3 { align-self: flex-end; font-weight:700; font-size:2em; word-spacing: 100vw; padding:0;margin:0; color:#fff; text-shadow: 0 0 4px #000; color:var(--tra-secondary);    }
.tgrid h4 { align-self: flex-end; font-weight:700; font-size:2em; padding:0;margin:0; color:#fff; padding:7%; color:#fff; text-align: right; width: 100%; color:var(--tra-secondary); }
.ifixer { padding-top:100%;   }
.individual { top:0;left:0; width:100%; height: 100%; }
.individual img { filter: brightness(75%); width:100%; height: 100%; }

.accordion-button { display:block; font-weight:500; font-size:1.2rem; padding-right:35px; position:relative; }
.accordion-button .fa-solid, .accordion-button .fa-circle-plus { margin-top:5px; display:none; color:#fff; position:absolute; top:15px; right:8px; }
.accordion-button .fa-circle-plus { color:var(--green); }
.accordion-button:not(.collapsed) { background:var(--green); color:#fff  }
.accordion-button.collapsed { color:var(--tra-d-blue); }
.accordion-button:focus { z-index: 3; border-color: var(--green); outline: 0; box-shadow: 0 0 0 0.25rem rgb(90 131 47 / 25%); }
.accordion-button i.fa-circle-plus { display:block; }
.accordion-button i.fa-circle-minus { display:none; }
.accordion-button:not(.collapsed) i.fa-circle-minus  { display:block; }
.accordion-button:not(.collapsed) i.fa-circle-plus { display:none; }
.accordion-body { font-size:0.9em; }
.accordion-button::after { background-image:none; }
.accordion-body { color:var(--tra-d-blue); } 
.wak.d-md-flex {
	align-items: stretch; /* Make all children (the .m-2 elements) stretch to equal height */
}

.wak m.m-2 {
	display: flex;
	align-items: center; /* Vertically align items to the center */
	justify-content: center; /* Horizontally align items to the center */
	flex-direction: column; /* Stack items vertically */
}
.dlinks .wak div:first-child, .dlinks .wak div:last-child { margin: 0.5rem 0 !important; }
a.trabutton,.dlinks a, .dlinks .button { font-weight: 200; letter-spacing: 1px; padding: 13px 20px 13px; outline: 0; border: 1px solid var(--tra-primary); color: #fff !important; cursor: pointer; position: relative;   background-color: rgba(0, 0, 0, 0); user-select: none; -webkit-user-select: none; touch-action: manipulation; display: inline-block; }
a.trabutton:after, .dlinks a:after, .dlinks .button:after { content: ""; background-color: var(--light-green);  width: 100%; z-index: -1; position: absolute; height: 100%; top: 7px; left: 7px; transition: 0.2s; clear: both; text-decoration: none; }
a.trabutton:hover:after,.dlinks a:hover:after, .dlinks .button:hover:after { top: 0px; left: 0px; }
.nav-link { cursor: pointer; }
a.trabutton { margin-top:10px; margin-bottom: 15px; display: inline-block; }
.memberfilter .button { height: 100% }
.gform_button { background-color: var(--green); color: #fff; border: 2px solid var(--green); letter-spacing: 1px; padding: 10px 20px 10px; outline: 0; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out;  }
.gform_button:focus, .gform_button:hover { background-color:#fff; color:var(--green);  }

#field_1_4 {  visibility: hidden; display: none; }

#wrapper-footer-full { margin-top:50px; padding-bottom: 0;  }
#wrapper-footer-full, #wrapper-footer { background-color:var(--tra-d-blue); color: #bbb; padding-top:50px; 
	& a { color: #efefef }
	& a:hover, a:focus { color:var(--tra-pumpkin); }
	& h3 { font-size:1.2em; padding-bottom: 15px; font-weight: 400; color: #fff; text-transform: uppercase; font-family:'League Spartan', sans-serif; }
	& ul { padding-left: 0; margin-left: 0;  }
	& li { list-style-type: none; padding-left: 0; margin-left: 0;  }

}
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

/* Sets the aspect ratio */
.embed-responsive-16by9 {
  padding-bottom: 56.25%; /* 16:9 ratio = (9 / 16) * 100% */
}

.embed-responsive-item {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: 0;
}


.blog-loop { display: flex; flex-wrap: wrap; 
    & article { padding-left:125px; margin-bottom: 80px;  flex: 1 0 46%; box-sizing: border-box;  margin-right: 4%; }
	& article:nth-child(2n) { margin-right: 0; }
	& article:before { content: ""; height: 90%; position: absolute; width: 1px; left: 89px; top: 5%; display: block; background: rgba(68,68,68,0.1); }
}
.post-date { font-size: 11px; font-weight: 300; text-transform: uppercase;  color: #B7B7B7; margin-top: 7px; position: absolute; top: 8px; left:0; text-align: center; width: 75px; 
    &:after { content: ""; position: absolute; height: 11px; width: 11px; display: block; border-radius: 50%; left: 84px; top: 27px; z-index: 2; background: var(--green); }
}  

.post-date-day { color: var(--green); display: block; font-size: 70px; line-height: 60px; font-family: "Times New Roman", Times, serif; font-weight: 400; text-align: center; }
.post-date-month { color: #333333; font-weight: 700; font-size: 14px; line-height: 30px; }
.post-date-year { color: #333333; font-weight: 700; font-size: 14px; line-height: 30px; }

.redt { color:#FF0000; font-weight: 700;  }
.greent { color:#00B050; font-weight: 700; }
.largertext p { font-size:2.2em; line-height:1.4em; font-weight:500; padding-bottom:0; margin-bottom:0; }
.page-id-29 .pgrid img { width:60%; height: 60%; max-width: 60%; margin: 0 auto; clear: both; display: block; margin-bottom:25px;  }
.pgrid {align-items: flex-start }
.breaker { height:1px; width:100%; overflow: hidden; display: block; }

.hand { cursor: pointer; }
.embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; }
.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; }
.embed-responsive-16by9 { padding-bottom: 56.25%; }
.modal { background-color:#fff; }
#about-video-modal .modal-dialog { margin: 0 auto; max-width: 100% }

@media (min-width: 768px) {
   #about-video-modal { padding:100px 0 0 }
   #about-video-modal .modal-dialog { max-width:80% }
}

@media (min-width: 1920px) {
    #about-video-modal .modal-dialog {  max-width:60% }
}

#about-video-modal .modal-dialog .modal-content { border: none; border-radius: 0; padding: 15px }

@media (min-width: 768px) {
    #about-video-modal .modal-dialog .modal-content {
        padding:inherit
    }
}

#about-video-modal .modal-dialog .modal-content .modal-header {
    padding: 40px 0;
    border-bottom: none;
    position: relative
}

#about-video-modal .modal-dialog .modal-content .modal-header .close {
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 11px;
    padding-right: 40px;
    height: 36px;


    text-transform: uppercase;
    font-weight: 200;
    opacity: 1;
    text-shadow: none;
    font-size: 1.2rem;
   
    transition: all .3s ease-in-out
}

#about-video-modal .modal-dialog .modal-content .modal-header .close:focus {
    outline: none
}

#about-video-modal .modal-dialog .modal-content .modal-header .close:hover {


    opacity: .5
}

#about-video-modal .modal-dialog .modal-content .modal-body {
    padding: 15px 0
}

@media (min-width: 768px) {
    #about-video-modal .modal-dialog .modal-content .modal-body {
        padding:inherit
    }
}

#about-video-modal .modal-dialog .modal-content .after,#about-video-modal .modal-dialog .modal-content .before { position: relative; text-align: center }

#about-video-modal .modal-dialog .modal-content .after .image-caption,#about-video-modal .modal-dialog .modal-content .before .image-caption {
    position: absolute;
    bottom: 0;
    background-color: #fff;
    left: 10%;
    width: 80%;
    text-align: center;
    text-transform: uppercase;
    font-size: 1rem;
    padding-top: 5%;
    letter-spacing: 1.6px
}

#about-video-modal .modal-dialog .modal-content .before {
    margin-bottom: 20px
}

#about-video-modal .modal-dialog .modal-content h3 {
    margin: 50px 0 20px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1.6px;
    font-size: 1rem;
    padding-bottom: 30px
}

@media only screen and (max-width:1200px) and (min-width: 1024px) {
  .carousel-item h2 { font-size:1.6rem;  }
  .carousel-item { font-size:1rem;   }
  .carousel-item:before { width: 52%;  }
  .carouselInnerCont { width:44%; }
}


@media only screen and (max-width:1024px){
	h1 { font-size: 2.4em; }
	.single h1 { font-size: 2em; }
	.carousel-item { font-size: 1.1em; }
	.carousel-item h2 { font-size:1.8em; }
	.carousel-item .carim { float: left; max-width: 100%  }
	.carouselInnerCont { position: relative;  width: 100%; transform: none; background-color: var(--green); padding:50px 40px; float: left  }
	.carousel-item:before { background-color: transparent; }
	.fact-flex-column { margin-bottom: 40px;}
	header .tralogo { max-height:75px;  }
	#page-wrapper, .wrapper.pagec, #single-wrapper{ padding-top:30px; }
	.dlinks .wak div, .dlinks .wak div:first-child, .dlinks .wak div:last-child { margin: 0.5rem 0.5rem 0.5rem 0 !important; display: inline-block; }	
	.swapmobile { display: flex !important; flex-direction: column-reverse !important; }
	.dlinks a, .dlinks .button { width:100%; }
	h1.homepgetitle { font-size: 2em; letter-spacing: 1px; }
	#main-menu .dlinks { display:inline-block; margin-top:30px; }
	.clear-small { clear: both; }
	.clear-small:after { content: ".";  display: block; height: 0;  clear: both; visibility: hidden; }
	.flow-root-sm { display: flow-root; }

	.pgrid  div { padding-bottom:50px; }
	.page-id-29 .pgrid img { margin-top:50px; }
	.page-id-29  { text-align: center; }
	.blog-loop article {  flex: 0 1 auto; margin-right:0; padding-left:0; & article:before { background:none; } }
	.post-date { font-size: 20px; line-height: 40px; font-weight: 400; margin-top: 0px; position: relative; top:0px; left:0; text-align: left; width:100%; clear:both; &:after { background:none; }} 
	.post-date-day { color: var(--green);  text-align: left;  display: inline-block; font-size: 30px; line-height: 40px; }
	.post-date-month, .post-date-year { font-size: 20px; line-height: 40px; }
	.entry-meta { line-height: 50px; clear: both; display: block; height: 60px }
	#wrapper-footer-full .footer-widget { padding-bottom:35px }
	#wrapper-footer-full .footer-widget.widget_media_image { text-align:center; & img { max-width: 100px !important; margin: 0 auto; }}
	.mainlist li { flex: 0 0 46%; display: flex;  justify-content: center; flex-direction: column;    }
	.mainlist li:nth-child(3n+1), .mainlist li:nth-child(3n) { margin-left:2%; margin-right: 2%; }
	.mainlist li:nth-child(odd) { margin-left: 0; }
    .mainlist li:nth-child(even) { margin-right: 0; }
    .travert { padding-top:120px; }
	.blog-loop article:before {  background: none; }
	
}


@media (max-width: 1180px) and (pointer: coarse) {
  #main-menu .dlinks { display:inline-block; margin-top:50px; }
}


@media only screen and (max-width:767px){
	.page-id-29 .pgrid div:first-child img { margin-top:0; }
	.post-navigation .d-flex { flex-direction: column; align-items: stretch; }
	.nav-previous, .nav-next { width:100%;   }
	.nav-next { margin-top:35px }
	.mainlist { flex-direction: column; align-items: stretch; }
	.mainlist ul { padding-right:calc(var(--bs-gutter-x) * 0.5); }
	.mainlist li:nth-child(3n+1), .mainlist li:nth-child(3n), .mainlist li:nth-child(odd), .mainlist li:nth-child(even) { margin-left:2%; margin-right: 2%; }
	.mainlist li { flex: 1 0 100%; margin-bottom: 4%; }
	.page-template-resources h1, .page-template-resources h2 { padding-right:var(--bs-gutter-x); padding-left:var(--bs-gutter-x);  }
	.blog-loop article:before {  background: none; }
	.mainlist .float-end {  padding: 15px 0; }
	.memberfilter.wak { display: flex; flex-wrap: wrap; justify-content: space-between; }
	.memberfilter.wak > div { flex-basis: calc(50% - 15px); max-width: calc(50% - 15px); }
	.memberfilter.wak > div { flex-grow: 0; flex-shrink: 0; }
	.memberfilter.wak > div img { max-height: 50px; }

	.home .col-md-4:first-child {  padding-right:calc(var(--bs-gutter-x) * 0.5); padding-left:calc(var(--bs-gutter-x) * 0.5); }
    .home .col-md-4:last-child {  padding-right:calc(var(--bs-gutter-x) * 0.5); padding-left:calc(var(--bs-gutter-x) * 0.5); }
	.my-flex-column { margin-bottom:25px; }
	#carouselHomepage { margin-top:78px; }
	.sumobabylb { position: relative; display: flow-root; }
	.sumobabylb a { display: block; margin-top:120px; }
    .mobileswitch > div:first-child { order: 2; }
    .mobileswitch > div:last-child { order: 1; }
    .row .py-4 { padding-bottom:0!important; padding-top:0!important }
}