@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

body { font-family: Archivo, azo-sans-web, sans-serif;
    font-weight: 300;
    font-style: normal;
}
a { color: #c34a32;}
a:hover {color: #06B7E1;}
.text-primary {color: #F2674A !important;}
.text-info, a.nav-link.dplBlue:hover {color: #05A0C7 !important;}
.text-success, a.nav-link.dplGreen:hover {color: #41A47D !important;}
.btn-default {border: 2px solid #F2674A; color: #F2674A;}
.btn-default:hover {background-color: #F2674A; color: #fff;}

.secondaryNav i {font-size: 14px;}

/** look at this **/
.h1, .h2, .h3, .h4, h1, h2, h3, h4 {font-weight: 300; font-family: 'telefonregular';}
.h5, .h6, h5, h6 {font-weight: 500;}
b, strong {font-weight: bold;}
.gridContent h3, .gridContent h4, .gridContent h5 {padding-top: 20px;}

.alert {background-color: #06B7E1; color: #000; text-align: center; margin-bottom: 0px;}
.alert .btn-close {color: #fff;}
.btn-primary {background-color: #d64224; border: #d64224; border-radius: 0px;}
.btn-primary:hover {background-color: #918883;}
.btn-secondary {border-radius: 0px; background-color: #6e757c; border: #6e757c;}
.btn-success {background-color: #6FC5A2; border: none; border-radius: 0px;}
.btn-success:hover {background-color: #908782; }
.btn-info {background-color: #06B7E1; border: none; border-radius: 0px; color: #fff;}
.btn-info:hover {background-color: #908782; color: #fff;}
.btn-outline-primary {color: #c34a32; border-color: #F2674A; border-radius: 0px;}
.btn-outline-primary:hover {background-color: #F2674A; border-color: #F2674A;}
.btn-outline-light {border-radius: 0px;}


.tricolor-border {
    background-image: url(/media/tmikepvi/tricolor-border.jpg);
    height: 14px;
    background-position: center;
    background-size: cover;
    background-repeat: repeat-x;
}

.bigButton { width: 100%; padding: 30px; font-size: 21px; font-weight: bold;}

input#searchBox {
    height: 33px;
    border: 1px solid #ccc;
    margin-right: -3px;
    margin-left: -1px;
    width: 221px;
}
.searchBoxWrap {border-left: 1px solid;}
div#catalogWebsite {display: none;}
.websiteSearch {margin-left: 0px !important; }
input.searchSubmit.btn-primary {height: 33px; border: none;}
select#searchOption {
    width: 175px;
    padding: 6px;
    font-weight: 300;
    background-color: #E7E6E4;
}


.heroImage {
    padding-left: 0px;
}
.heroText p {font-size: 24px;}
.heroText h2 {font-size: 22px;}
.heroText .btn-outline-light, .heroText .btn-outline-dark {font-size: 24px;}
.hero {color: #fff;}

.homebuttons {padding-bottom: 80px; padding-top: 20px;}
.roundBtn {
    display: block;
    text-align: center;
    margin: 0 auto;
    color: #F2674A;
    padding: 34px 15px 20px 15px;
    text-decoration: none;
    font-family: 'telefonregular';
    font-size: 24px;
    line-height: 25px;
    transition: all 0.5s ease;
}
.roundBtn:hover {
    text-decoration: none;
    color: #fff;
    transform: scale(1.2);
    transition: all 0.5s ease;
}
span.linkTitle { color: #918883;}

.hmbutton i {
    font-size: 80px;
    padding-bottom: 20px;
}

/* Fixed Header for laptop and desktop */
@media (min-width: 1200px) { 
         
}

/** Laptop **/
@media (max-width: 1399.99px) and (min-width: 1200px){
  .roundBtn {
       height: 160px;
       width: 160px;
       padding: 23px 10px 10px 10px;
   }
}

/** tablet landscape **/
@media (max-width: 1199.99px) and (min-width: 992px){
   .roundBtn {
       height: 130px;
       width: 130px;
       padding: 19px 10px 10px 10px;
       font-size: 18px;
       line-height: 20px;
   }
   .hmbutton i { font-size: 44px;}
    
}
@media (max-width: 991.98px) { 
   .roundBtn { margin-bottom: 25px;}
   .heroImage {padding: 10px;}
    .heroText {padding-bottom: 10px;}
}
@media (max-width: 767.98px){ 
    
    
}
@media (max-width: 575.98px) { 
   
}





/*** REVEIW EVERYTHING UNDER HERE *****/

/** NAVIGATION **/
#mainNav .nav-link {font-size: 18px; font-weight: 300; color: #212020; padding: 30px 10px;}
#mainNav a.btn.btn-primary, button#iwantto {font-size: 19px; font-weight: bold;}

li.nav-item {padding: 0px 10px;}

#secondaryNav .nav-link {color:#212020;}
#secondaryNav .nav-link:hover, #mainNav .nav-link:hover, #mainNav .nav-link:focus {color: #F2674A;}


/** MEGA MENU - FULLWIDTH **/
.megamenu-li {position: static;}
.megamenu-sm {position: absolute; width: 100%; padding: 15px;}
.megamenuSpacing {padding-right: 100px; padding-left: 100px;}
.megamenuSpacing .dropdown-item {white-space: break-spaces;}

.mainNav {background-color: #fff; z-index: 99999; height: 85px;}
.navbar-brand {margin-top: -93px;}
a.nav-link.btn.btn-success {background-color: #48A942; color:#fff !important; border: none; padding-right: 15px; padding-left: 15px; border-radius: 0px;}


.dropdown-menu.columns-2 {
	min-width: 580px;
	padding: 15px;
}
.dropdown-menu.columns-3 {
	min-width: 700px;
}
.dropdown-menu li a {
	padding: 5px 15px;
	font-weight: 300;
	text-decoration: None;
}
.multi-column-dropdown {
    list-style: none;
  margin: 0px;
  padding: 0px;
}
.multi-column-dropdown li a {
	display: block;
	clear: both;
	line-height: 1.428571429;
	color: #333;
	white-space: normal;
}
h6.NavCategory {margin-left: 15px; font-weight: bold;}
h6.NavCategory.catLeft {color: #F2674A;}
h6.NavCategory.catMiddle {color: #06B7E1;}
h6.NavCategory.catRight {color: #6FC5A2;}
span.smallerTitle {font-size: 14px;}

ul.dropdown-menu.multi-column.columns-2.event.show { left: -445px; width: 615px;}
ul.dropdown-menu.multi-column.columns-2.about.show { left: -622px; width: 720px;}
ul.dropdown-menu.multi-column.columns-2.research.show { left: -356px; width: 710px;}
ul.dropdown-menu.multi-column.columns-2.cards.show { min-width: 611px; left: -151px;}
.multi-column-dropdown li a:hover { background-color: #e9ecef;}

h6.titleLink.orangeTitle  { font-weight: bold; color: #F2674A;}
h6.titleLink.blueTitle  { font-weight: bold; color: #06B7E1;}
h6.titleLink.greenTitle  { font-weight: bold; color: #6FC5A2;}
a.dropdown-item.green:hover { background-color: rgba(111,197,162, 0.3);}
a.dropdown-item.blue:hover { background-color: rgba(6,183,225, 0.3);}
a.dropdown-item.orange:hover { background-color: rgba(242,103,74, 0.3);}



@media (max-width: 767px) {
	.dropdown-menu.multi-column {
		min-width: 240px !important;
		overflow-x: hidden;
	}
}

#secondaryNav ul.dropdown-menu.show { z-index: 999999;}

/* laptop and desktop */
@media (min-width: 1200px) { 
         
}

/** Laptop **/
@media (max-width: 1399.99px) and (min-width: 1200px){
    #mainNav .nav-link {font-size: 16px;}
   
}

/** tablet landscape **/
@media (max-width: 1199.99px) and (min-width: 992px){
    li.nav-item {padding: 0px 0px;}
    #mainNav a.btn.btn-primary { margin-top: 15px;}
    #mainNav .nav-link {font-size: 15px;}
    #mainNav .nav-link {padding: 22px 10px;}
    #mainNav a.btn.btn-success {margin-top: 12px;}
    
}
@media (max-width: 991.98px) { 
    .navbar-brand {margin-top: -27px;}
    .navbar-brand img {width: 100%;}
    a.navbar-brand {width: 40%;}
   
    div#mainNav {background-color: #fff;}
    div#mainNav .flex-row {flex-direction: column !important; border-bottom: 1px solid #ccc; margin-bottom: 0px !important;}
    .mainNav .container.container-fluid {padding-left: 0px; padding-right: 0px;}
    #mainNav a.btn.btn-success {margin-left: 22px; margin-bottom: 25px;}
    #mainNav .nav-link {padding: 15px 10px;}
    #mainNav a.dropdown-item {color: #046D9F;}
    a.dropdown-item:hover {color: #000 !important;}
    #mainNav ul.dropdown-menu.show {border: none;}
    .megamenuSpacing {padding-right: 0px; padding-left: 30px;}
    ul.navbar-nav.flex-row.mb-2 {margin-top: 20px;}
    .navbar-brand img {width: 73%;}
    .mainNav .fa-search {padding: 5px;}
}
@media (max-width: 767.98px){ 
    .navbar-brand {margin-top: -20px;}
    .navbar-brand img {width: 73%;}
    a.navbar-brand {width: 50%;}
}
@media (max-width: 575.98px) { 
    .navbar-brand {margin-top: -15px;}
    .navbar-brand img {width: 80%;}
    a.navbar-brand {width: 57%;}
    input#searchBox {width: 165px;}
    select#searchOption {width: 84px;}
    
}


.main .img-border {background-color: #fff; box-shadow: 0px 0px 10px #aaa; padding: 5px; margin-bottom: 10px;}

.mainContent {min-height: 400px; padding-top: 30px;}
.sidebar .card {border: 2px solid #ccc;}


.carouselsTitle  {background-color: #F2674A; color: #fff; padding-top: 30px; padding-bottom: 20px; margin-bottom: 40px; font-family: 'telefonregular'; }
.carouselsTitle h2 {font-size: 40px;}
.carousels .btn-light { color: #e2573c; font-size: 25px; border-radius: 22px; padding-left: 25px; padding-right: 25px; margin-right: 20px; border: none;}
.carousels  .btn-light:hover, #tabs .btn-light:active {color: #fff; background-color: #6FC5A2;}
a.carousel-button.active { background-color: #6FC5A2; color: #000; border: none;}

/** tablet landscape **/
@media (max-width: 1199.99px) and (min-width: 992px){
   .carouselsTitle h2 {font-size: 33px;}
    
}
@media (max-width: 991.98px) { 
.carouselsTitle .col-md-12 { text-align: center;}
 .carouselsTitle h2 {text-align: center;}
}
@media (max-width: 767.98px){ 
  .carousels .btn-light {font-size: 20px; margin-right: 8px;}
}
@media (max-width: 575.98px) { 
   .carousels .btn-light {margin-bottom: 12px;}
   .carouselsTitle h2 {font-size: 33px;}
}


/**press releases and minutes and agendas **/
.page-item.active .page-link { background-color: #F2674A; border-color: #F2674A;}
.page-link, .page-link:hover {color: #F2674A;}
.page-link:focus{box-shadow: 0 0 0 .25rem rgba(242,103,74,.25);}

.spotlight {background-color: #EFEBEA; padding-bottom: 100px; padding-top: 50px; margin-bottom: -50px;}
.dplCard {padding: 30px;}
.card-title {font-family: 'telefonregular'; color: #F2674A; font-size: 24px;}
p.card-text {font-family: 'Archivo'; font-size: 16px;}
.card-footer {border: none; background-color: #fff;}
.card-footer a:hover {background-color: #918882 !important;}
p.cardDateTime {font-size: 14px; margin-bottom: 5px; font-style: italic;}
.featured {font-family: 'telefonregular'; font-size: 45px; color: #F04E2D; }

.sidebar .nav-link:hover {background-color: #E9ECEF; color: #333;}
/**a.nav-link.nav-link--active {background-color: #E9ECEF; color: #333;}**/

.gridContent .card-header {
    color: #0079C2;
    text-align: center;
    font-size: 24px;
}
.gridContent .card-body p {padding-top: 20px;}

.pageTitle { text-transform: uppercase; color: #f2674A; font-family: 'telefonregular'; padding-top: 25px; padding-bottom: 25px;}
.main { min-height: 500px;}


/** Right Side Navigation **/
.sideNavigation h2 {font-size: 1.75rem;}
.list-group-item {border: none;}
li.list-group-item { background-color: #F8F4F5; font-family: 'telefonregular';}
.list-group-item a { text-decoration: none; color: #000; font-size: 16px; font-family: 'Archivo';}
.list-group-item a:hover {text-decoration: underline; color: #f2674A;}
.list-group-item.active a {color: #bc280b;}
.list-group-item.active { background-color: #F8F4F5;}
.list-group { border-radius: 0px;}
li.rootPage { font-size: 20px; cursor: pointer;}
.rightnoDropdown a {font-size: 20px; font-family: 'telefonregular';}


/** Library Card **/
a.libraryButton {
    font-size: 19px;
    text-decoration: none; 
    padding: 20px;
    border-radius: 5px; 
    width: 100%;
    display: block;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: bold;
}
a.orangeLibrary { border: 2px solid #F2674A; color: #F2674A;}
a.orangeLibrary:hover {background-color: #F2674A; color: #fff;}
a.blueLibrary {border: 2px solid #06B7E1; color: #0ca0c6;}
a.blueLibrary:hover {background-color: #06B7E1; color: #fff;}
a.greenLibrary{border: 2px solid #6FC5A2; color: #519e80;}
a.greenLibrary:hover{background-color: #6FC5A2; color: #fff;}


/** tablet landscape & Portrait **/
@media (max-width: 1199.99px) and (min-width: 768px){
    a.libraryButton { font-size: 18px; padding: 20px 0px;}
}



/** database stylings **/
#btnShowAll {margin-bottom: 20px;}
div#divAvailabilities {accent-color: #F2674A; margin-bottom: 25px;}
#filterTable h2{text-transform: uppercase; color: #F2674A;}
div#divLetters {margin-bottom: 30px; font-weight: bold;}
div#divCategories {margin-bottom: 25px; font-weight: bold;}
a.letter {font-size: 24px; margin-right: 5px; font-weight: normal;}

/** FOOTER **/
footer {font-size: 16px;}
footer a { color: #D7300F;}
.footerRow .tricolor-border {margin-bottom: 50px; margin-top: 50px;}
.footerTitle { font-family: 'telefonregular'; color: #333; font-size: 24px;}
.socialmedia a {margin-right: 10px;}
i.fa-brands.fa-facebook-f, i.fa-brands.fa-twitter, i.fa-brands.fa-instagram {
    border-radius: 100%;
    padding: 10px;
    width: 40px;
    height: 40px;
    font-size: 18px;
}
i.fa-brands.fa-facebook-f { border: 2px solid #125592; color: #125592;}
i.fa-brands.fa-twitter { border: 2px solid #20A1F0; color: #20A1F0;}
i.fa-brands.fa-instagram {border: 2px solid #CA309A; color: #CA309A;}
.bottomFooter {margin-top: 40px; padding-bottom: 15px;}
.socialmedia {padding-top: 45px;}
.footerLogo2 {padding-top: 18px;}
.footerLogo3 {padding-top: 7px;}
.taxsupported {padding: 20px; background-color: #E7E6E4;}

/** Umbraco FORM STYLINGS **/
.multiplechoice .form-control {
    appearance: auto;
    width: auto;
    display: inline;
}
span.field-validation-error {color: #F2674A;}
label.col-sm-2.control-label.umbraco-forms-label {width: 100%; font-weight: bold;}
.form-group {padding-top: 8px; padding-bottom: 8px;}
h4.umbraco-forms-caption {color: #F2674A; margin-top: 15px;}
.form-control:focus {border-color: #F2674A; box-shadow: 0 0 0 .25rem rgba(242,103,74,.25);}
.checkboxlist input {accent-color: #F2674A;}
.umbraco-forms-navigation {margin-top: 20px;}
.radiobuttonlist {border: none; accent-color: #F2674A;}
.umbraco-forms-hidden {display: none;}

h2.accordion-header {font-family: 'Archivo';}
.accordion-button:not(.collapsed) {background-color: #FCD9D2; color: #000;}
.accordion-button { color: #000; font-size: 18px; background-color: #F8F4F5;}
.accordion-item {border: 1px solid #ccc;}
.accordion { margin-bottom: 7px;}
.accordion-button:focus {box-shadow: 0 0 0 .25rem rgba(242,103,74,.25); border-color: #F2674A;}


/**  Pulling in Library Custom Fonts **/
@font-face {
    font-family: 'telefon_blackregular';
    src: url('../images/fonts/telefon-black-webfont.woff2') format('woff2'),
         url('../images/fonts/telefon-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'telefon_boldregular';
    src: url('../images/fonts/telefon-bold-webfont.woff2') format('woff2'),
         url('../images/fonts/telefon-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'telefonregular';
    src: url('../images/fonts/telefon-normal-webfont.woff2') format('woff2'),
         url('../images/fonts/telefon-normal-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}