/*
Theme Name: 
*/

:root {
  --primary-color:#110560;
  --pale-blue:#b2dde4;
  --lighter-blue:rgb(45, 113, 178);   
  --green-light:#3ea51d;
  --green-dark:#3fa355;
   --header-dark:#081921;
   --heading-blue: #002b5e;
  --bkg-primary:#0b2035;
  --bkg-secondary:#081921;
  --box-shadow:#5c6a74;
  --font-primary:'Titillium Web', sans-serif;
  --font-base:'Inter', sans-serif;
  --heading--font-size-h3: 2rem;
  --heading--font-size-h2: 3rem;
  --heading-font-size:2.6rem;
  --font-size-regular:1.7rem;
  --font-size-small:1.2rem;
  --font-weight-400:400;
  --line-height-30:30px;

 /**/
  }


/*******************************************
 ************* SCREEN READER LINK **********
 ******************************************/
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline;}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.screen-reader-text{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding: 0;position:absolute!important;width:1px;word-wrap: normal !important;word-break:normal}
.screen-reader-text:focus {background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.6);clip:auto !important;-webkit-clip-path:none;clip-path:none;color:#21759b;display:block;font-size:0.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index: 100000}  

/********************************************************************************************** 
 **Remove all animations, transitions and smooth scroll for people that prefer not to see them 
 **********************************************************************************************/
@media (prefers-reduced-motion: reduce) {html{scroll-behavior:auto}html:focus-within{scroll-behavior:auto}
*{animation-duration:0s !important;transition-duration:0s !important}*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}
  
/*************************************
******************SETUP***************
**************************************/
html{line-height:1.15;-webkit-text-size-adjust:100%;box-sizing:border-box;font-size:62.5%;scroll-behavior:smooth;max-width:1920px;margin:auto;}
*{box-sizing:border-box;}*::before,*::after{box-sizing:inherit;}
body{font-size:var(--font-size-regular);line-height:1.4;margin:0;padding:0;height:100%;color:var(--black);font-family:var(--font-base);}
main{display:block;}div, section{margin:0px;border:0;font-family:inherit;font-style:inherit;font-weight:inherit;outline:0;padding:0px;}
article{display:block}svg,img,picture{max-width:100%;display:block;height:auto;margin:0;}
iframe{width:100%}p,blockquote,address,big,cite,code,em,font,small,strike,sub,sup,li,ol,ul,fieldset,form,label,legend,button,table,caption,tr,th,td {border:none;padding:0;margin:0;overflow-wrap:break-word;word-break:break-word}
hr{width:auto;text-align:center;border-top:8px dotted #000;margin-top: 1rem;margin-bottom: 1rem;}
/****************************/
/*********LIST**************/
/***************************/
ul,ol{margin:0 0 2rem 1rem;font-family:var(--font-base)}
ul, ul li{list-style:disc}
ul ul{list-style:circle}
ul ul ul{list-style:square}
ol{list-style:decimal}
ol ol{list-style:lower-alpha}
ol ol ol {list-style:lower-roman}
dt, dd{line-height:1.5}dt{font-weight:700}
dt + dd{margin-top:0.5rem}
dd + dt{margin-top:0rem}

ol li{margin:0 0 2rem 1rem;font-family:var(--font-base)}



ol li > ol{margin:1rem 0 0 1rem}


button{background-color:var(--primary-color);
    padding: 15px;
  margin-top: 20px;
    border: 0;
    cursor: pointer;
    font-weight: bold;
    color: #ffffff;
    transition: background-color 0.2s;}

.bullet-arrow li{background:url(/wp-content/themes/starter/assets/img/arrow-right.png);
  padding-left:60px;margin:3px 0;background-position:left top;background-repeat:no-repeat;list-style:none;padding-bottom:15px}
/************************
**********MEDIA**********
*************************/

table{width: 100%}
figure {display:block;margin:0}
iframe{display:block;max-width:100%}
video {display:block}
figcaption,.wp-caption-text{color:#6d6d6d;display:block;font-size:1.5rem;font-weight:500;line-height:1.2;margin-top:1.5rem}
figcaption a,.wp-caption-text a{color:inherit}
/**********************************
********Text-level semantics*******
***********************************/
b,strong,bold {font-weight:700}
code,kbd,pre,samp{font-family:monospace;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}sup{top:-0.5em}
details{display:block}
summary{display:list-item}
blockquote {background:#f9f9f9;border-left:10px solid #ccc;margin:6% auto;padding:0.5em 10px;quotes:"\201C""\201D""\2018""\2019";width:73%}
blockquote:before{color:#ccc;content:open-quote;font-size:4em;line-height:0.1em;margin-right:0.25em;vertical-align:-0.4em}
blockquote p {display:inline;font-weight:900;font-size:calc(2.26937rem + .2325vw);line-height:1.8}
blockquote span{display:flex;justify-content:flex-end}


/*************************************
*******************LINK***************
**************************************/
a {cursor:pointer;color:var(--green-light);text-underline-offset:3px;text-decoration-skip-ink:all;
background-color:transparent;text-decoration-thickness:1px;outline:0;text-decoration:none}
a:hover{text-decoration-style:dotted;text-decoration-skip-ink:none}
.btn{color: var(--green-light);
    background-color: transparent;
    text-transform: uppercase;
    padding: 11px;
    border-radius: 10px;
    border: 1px solid var(--primary-color);
    width: fit-content;
    display: flex;
    font-size: var(--font-size-regular);
    box-shadow: 1px 2px 0 0;
    height: 6rem;
    align-items: center;
    flex-direction: column;
    justify-content: space-evenly;
    margin: 5px;}


a:active,a:hover{outline:0}

.link {color:var(--primary-color)}



h1,h2,h3,h4,h5,h6{display:flow-root;font-family:var(--font-heading);letter-spacing:0.35px;margin:0;color:var(--primary-color)}
h1 {
  font-size:calc(30px + (55 - 30) * ((100vw - 300px) / (1600 - 300)));
  line-height:calc(30px + (75 - 30) * ((100vw - 300px) / (1600 - 300)));
  font-weight:400
}
h3 {
  font-size:calc(21px + (26 - 21) * ((100vw - 300px) / (1600 - 300)));
  line-height:2rem;
  font-weight:500
}

h4, h5, h6{line-height:2rem;font-size:22px}

h2{text-align:center}
p {color:#000;font-weight:400;line-height:28px}





/****************************/
/*****CONTENT**************/
/***************************/
.page-inner,
.container{width: clamp(95%, 83%, 70%);max-width:1510px;margin:0 auto}

.page-inner{margin-bottom: 5rem}
.row {display:inline-flex;align-items:center}
.has-margin{width: 90%;margin: 0 auto}
.max-width{max-width:1200px;margin: 0 auto}
.aligncenter {text-align:center}
hr {display:block;border-color:#3fa355;width:100%;margin-top:0.5em;margin-bottom:0.5em;margin-left:auto;margin-right: auto;border-style:inset;border-width:1px;unicode-bidi:isolate;margin-block-start:0.5em;margin-block-end:0.5em;margin-inline-start:auto;margin-inline-end:auto;overflow:hidden;}


.contact-form{
    width:40rem;
    background-color: #ffffff;
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.3);
    margin: 0 auto;
    padding:4rem;
}


.form{width:40rem;margin: 10rem auto;}

.login-form{background-color:#ffffff;box-shadow:0 0 9px 0 rgba(0, 0, 0, 0.3)}
.login-form form {display:flex;flex-wrap:wrap;justify-content:center;padding-top:20px}
.login-form form label {display:flex;justify-content:center;align-items:center;width:50px;height:50px;background-color:#3274d6;color:#ffffff}


textarea,
input[type="password"], 
input[type="email"],
input[type="tel"],
input[type="text"] {
    width:100%;
    height: 5rem;
    border: 1px solid #000;
    border-radius:9px;
    padding: 0 15px;
}


.form-group{margin-bottom: 2rem;}
.form-group label{font-weight: 700}
.login-form form button {width: 100%;}
.form form button:hover {
  background-color: #2868c7;
    transition: background-color 0.2s;
}

.field-wrap{display: flex}
.form-error-wrap{font-size: 15px;text-align: center;}
.login-form .field{min-height:9rem;width: 30rem}

.contact-form #m66{display: none}
.contact-form .field-wrap {flex-direction: column;}


.site-footer{min-height:200px;background-color: var(--pale-blue);
    width: 100%;}


.top-bar{width: 100%;padding: 10px;background-color: var(--header-dark);display: flex;justify-content: flex-end;align-items: center;}
.top-bar p,
.top-bar a {font-size:1.5rem}
.top-bar p{color: #f3f3f3;}
.top-bar a{color: var(--lighter-blue);padding-right:1rem}

.menu{display: flex;}
.menu,
.menu-item{list-style: none;margin: 0}
.menu-item{padding:1rem}
.navigation-wrap .menu-item a{color:cyan}
.navigation-wrap{ background-color: cadetblue;margin-bottom:0rem}


.container-grid {
    gap: 50px;
    padding: 7rem 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(clamp(100% / (var(--n) + 1) + 0.1%, (var(--w) - 100vw) * 1000, 100%), 1fr));
    --w: 1079px;
  }

.container-grid.n-3 {
    --n: 3;
  }

.pagination {display:flex;justify-content:center}
.pagination .page-numbers{display:inline-flex;gap:.5rem;padding:0;list-style:none}
.pagination li a{font-size:2rem;padding:4px 1rem}
.pagination li{list-style:none;border:solid 1px black;line-height:1.6}
.pagination .page-current {background-color:var(--green-dark);color:#f1f1f1;padding:4px 1rem}


.invalid-feedback,
.error{color: red;margin:0.5rem 0;background-color: #f1f1f1;padding: 3px}

.error-message{color: red;}

.asterix{font-size: 2rem;font-weight:900;color:darkred;}
.alert-success {color: green}

.maintenance-mode{ background: #ffdddd;color: #a00;padding: 10px; margin: 10px 0;border-left: 4px solid #a00; font-weight: bold;}