/* Font Family */
body, h1, h2, h3, h4, h5, h6{
  font-family: "Gotham A", "Gotham B", Helvetica, Arial, sans-serif!important;
}

/* Paddings and Margins */
.padding-0 { padding: 0px!important; }
.padding-top-0 { padding-top: 0px!important; }
.padding-top-1 { padding-top: 10px!important; }
/* ... */
.margin-left-20 {  margin-right: 200px!important;  }

/* Crop */
.crop { margin: 0 !important;}
.cropBottom { margin-bottom: 0 !important;}
.cropTop { margin-top: 0 !important;}
.cropLeft, .trim { margin-left: 0 !important;}
.cropRight, .trim { margin-right: 0 !important;}

/* Opacity */
.opacity-0 { opacity: 0 !important;}
.opacity-1 { opacity: 0.1 !important;}
/* ... */
.opacity-10,
.opaque    { opacity: 1 !important;}

/* Specific */
.block { display: block !important;}
.inlineBlock { display: inline-block !important;}
.inline { display: inline !important;}
.relative { position: relative !important;}
.absolute { position: absolute !important;}
.fixed { position: fixed !important;}
.wide { width: 100% !important;}
.halfwide { width: 45% !important;}
.nowrap { white-space: nowrap;}

/* Typography */
.italic { font-style: italic !important;}
.ultraLight,
.uppercase.ultraLight { font-weight: 100 !important;}
.light,
.uppercase.light { font-weight: 300 !important;}
.normal,
.uppercase.normal { font-weight: normal !important;}
.semiBold,
.uppercase.semiBold { font-weight: 500 !important;}
.bold { font-weight: 600 !important;}
.ultraBold,
.uppercase.ultraBold { font-weight: 900 !important;}

/* Top Navigation */
.logo img{
  max-width: 300px;
}

/* Core Layout Adjustment from Slides Library */
.slides{ background: #ffffff; }
.slide.shorten{
  height: 80%;
}

.container .wrap:not(.noSpaces), .container .wrap.spaceWrap, .container .wrap .spaceWrap {
    padding: calc(2.56% + 10px) calc(8% + 15px);
}

.slide.whiteSlide {
  color: #000000;
}

/* Homepage Background */
.purpleBG{
  background: #3D2552!important; /* Old browsers */
  background: url("../images/1x1.png"), -moz-linear-gradient(left, #3D2552 0%, #3D2552 100%)!important; /* FF3.6-15 */
  background: url("../images/1x1.png"), -webkit-linear-gradient(left, #3D2552 0%,#3D2552 100%)!important; /* Chrome10-25,Safari5.1-6 */
  background: url("../images/1x1.png"), linear-gradient(to right, #3D2552 0%,#3D2552 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3D2552', endColorstr='#3D2552',GradientType=1 )!important; /* IE6-9 */
}

/* Theme Color */
.newPink {
    background: #153450 !important;
    color: #fff !important;
}

/*Font color*/
.slide .greyTxt { color: #666666!important; }

/* Font size */
.panel .sections .menu li{
  font-size: 20px;
}

p.nano,
.p.nano {
  font-size: 12px;
  line-height: 1.22727273;
  margin-bottom: 20px;
  margin-top: 2px;
}

nav p.nano {text-wrap: wrap;}

.article p.nano, .article .p.nano, .article .p:not(.hero) + p.nano, .article p:not(.hero) + p.nano {
  font-size: 2.6rem;
  line-height: 4rem;
  margin-top: 2rem;
  padding-top: 0.0757rem;
  padding-bottom: 0.9243rem;
  margin-bottom: -1rem;
}

form input[type="text"].halfwide,
form input[type="name"].halfwide,
form input[type="email"].halfwide {
  max-width: 45%;
}

form label.error { color: #F44336; margin:0;font-size: 14px;}
form input.error,form input.error:focus {box-shadow:0 0 0 1px #F44336 inset!important}
form input[name="tel"].wide { max-width:100%; }

/***********************************
Checkbox customization
************************************/
.pick {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.pick input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.pick:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.pick input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.pick:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.pick input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.pick .checkmark:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}
.error{
  color:red;
}

.slide .background.customBackground{background-size:initial; background-repeat:no-repeat;}

.pad, .button, form input[type="text"], form input[type="name"], form input[type="email"], form input[type="password"], form input[type="tel"], form textarea, form select{
  border-radius:unset!important;
}

/*Fond Updated on 01-11-2022 */

.slides {
 font-family: "Gotham A", "Gotham B", Helvetica, Arial, sans-serif!important;
}
h1, h2, h3, h4, h5, h6{
  font-family: "Gotham A", "Gotham B", Helvetica, Arial, sans-serif!important;
  font-weight:600;
  line-height: 1.25;
}

.panel .sections .menu li a.active{
  color: #0b4a7e;
  font-weight: bold;
}