/*Brand Toolkit specific CSS*/

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-left: 0 !important;
}

.t5 section b, .t4.my-inside .general b, .t5 section strong, .t4.my-inside .general strong {
    color: #000;
    font-weight: 700;
}

.t5 article .col-md-12 h2, .t5 article .col-md-12 h3 {
    max-width: 60ch !important;
}

/*.t5.one-column section h1 + p + p.t5.two-column section h1 + p + p, .t5.two-column section .section-intro p:nth-child(1), .t5.two-column section .section-intro p:nth-child(2){*/
/*    font-size: 16px;*/
/*    line-height: 1.6;*/
/*    padding-left: 0;*/
/*    margin: 0 0 1em 0;*/

/*#t5-section .row p{*/
/*  word-break: keep-all; */
/*}*/

@media screen and (min-width: 768px) {
.one-column-aside section:not(.border), main.one-column-aside section.container > h1 + div > section > *:not(img), .one-column-aside section figcaption, .one-column-aside aside.side-nav {
    padding-left: 0!important;
}
}

form#dropdown{
    padding:0;
}

form#dropdown p{
    font-weight:500;
}

form#dropdown #selectbox {
    margin-left: 10px;
    padding: 2px;
    border-radius: 5px;
}

.one-column-aside section > h2
{
    padding-left: 0 !important;
}

div.intro{
    margin-bottom:40px;
}

#flex-section-prepend{
    padding-bottom:0;
}

#selectbox{
    border: 2px solid #c4b581;
    padding: 5px;
    color: #00573d;
    font-weight: 600;
    border-radius: 5px;
}



.t5.one-column article {
   background-image: none; !important
}

.page-working-documents #t5-section,
.templates-advertisements #t5-section,
.templates-brochures #t5-section,
.templates-certificates #t5-section,
.templates-event-materials #t5-section,
.templates-invitations #t5-section,
.templates-meeting-materials #t5-section,
.templates-postcards  #t5-section,
.templates-posters-flyers #t5-section,
.templates-powerpoints #t5-section,
.templates-reports #t5-section,
.templates-working-documents #t5-section {
    padding-top:0;
}

#t5-section .row {
    padding: 0;
    margin: 10px 0;
}

#t5-section hr {
    border-top: 3px solid #008554;
    margin:20px 0 !important;
}

#t5-section a:has(img[alt*="Download"]) {
    min-height: 24px;
    min-width: 24px;
    display: inline-block;
}

#t5-section img.linkIcon {
    max-width: 100% !important;
    width: initial !important;
    min-height: auto !important;
    margin:0 2px 4px 3px !important;
}

#t5-section a img {
    margin: 5px 0 0 0;
    padding: 0 10px 10px 0;
}

#t5-section ul li{
     list-style-type:none;
 }
 
#t5-section ul.show-bullets li{
    list-style-type:disc;
}

.row.note .col-md-12{
    padding-left:0;
}

.row.graphics ul,
.row.logos ul{
    padding-left:0;
    padding-right:20px;
}

.row.graphics ul img{
    padding-top:0;
    margin:0;
    max-height: 220px
}

/*#t5-section img{*/
/*    max-width:max-content;*/
/*    min-width: max-content;*/
/*}*/


#t5-section img.logo-imgs{
    padding: 0;
    margin: 0;
    height: auto !important;
    max-width: 80% !important;
    width: initial;
}

#t5-section .row.note{
    margin-bottom:40px;
}
.row.note p em{
    font-size: 14px;
    max-width: none !important;
    padding: 0;
    margin: 0 !important;
}

.row.note.black p em, em.black, .t5 section em.black{
    color:#000;
}

.t5 section li:not(.btn-contact) a[href*=".pdf"]:only-child:after, .t5 section p a[href*=".pdf"]:not(.button-default):after {
    font-size: 11px;
}

.t5 section ul.download {
    margin-bottom: 0;
    padding-left: 5px !important;
}

.t5 .colorgrid div.col-md-2 {
    box-sizing: border-box;
    padding: 10px;
    border: 3px solid #fff;
    max-height: 200px;
    min-height: 200px;
    contain: content;
}

.t5 .colorgrid h5{
  font-weight: 600; 
  padding-left:10px; 
}

.t5 .colorgrid ul{
  padding-left:10px; 
}

.t5 .colorgrid ul li{
  list-style-type:none;
  font-size:17px;
  padding: 0;  
}


/* FORMAL color palette */

.redwoodGroveGreen {
background-color: #021e14;
color: white;
}

.sacStateGreen {
background-color: #043927;
color: #fff;	
}

.stingerGreen {
background-color: #008453;
color: white;
}

.evergreenAsh {
background-color: #0fa153;
color: #000;
}

.spruceGreen {
background-color: #58b947;
color: #000;
}


/* STANDARD/CASUAL color palette */

.desertOlive {
background-color: #708c2c;
color: #000;
}

.pineappleGuava {
background-color: #d6dc34;
color: black;
}

.paleGreen {
background-color: #97b059;
color: black;
}


/* %%%%%%%%%%%% GOLD %%%%%%%%%%%%%% */
/* %%%%%%%% Dark to light %%%%%%%%% */


/* FORMAL color palette */

.sacStateGold {
background-color: #c4b581;
color: #000;

}

.hornetYellow {
background-color: #e6b711;
color: #000;

}

.darkGold {
background-color: #aa985e;
color: white;
}

.mediumGoldOne {
background-color: #cbb778;
color: black;
}

.mediumGoldTwo {
background-color: #cfb668;
color: black;
}

.mediumGoldThree {
background-color: #e1c57a;
color: black;
}

.lightGold {
background-color: #f0e1b0;
color: black;
}


/* STANDARD/CASUAL color palette */

.ginkoGold {
background-color: #fac606;
color: black;
}

.californiaPoppy {
background-color: #ebab21;
color: black;
}


/* %%%%%%%%%%% ORANGE %%%%%%%%%%%%% */
/* %%%%%%%% Dark to light %%%%%%%%% */


/* STANDARD/CASUAL color palette */

.kumquatOrange {
background-color: #dd971a;
color: black;
}

.guyWestBridgeOrange {
background-color: #c6671d;
color: #000;
}


/* %%%%%%%%%%%%% RED %%%%%%%%%%%%%% */
/* %%%%%%%% Dark to light %%%%%%%%% */


/* STANDARD/CASUAL color palette */

.redMaple {
background-color: #c6401d;
color: white;
}

.pomegranate {
background-color: #840029;
color: white;
}


/* %%%%%%%%%%% PURPLE %%%%%%%%%%%%% */
/* %%%%%%%% Dark to light %%%%%%%%% */


/* STANDARD/CASUAL color palette */

.mulberry {
background-color: #8b346d;
color: white;
}

.princessTreePurple {
background-color: #4e58a6;
color: white;
}


footer strong {
color:#fff;
margin:0;	
}
/* %%%%%%%%%%%% BLUE %%%%%%%%%%%%%% */
/* %%%%%%%% Dark to light %%%%%%%%% */


/* STANDARD/CASUAL color palette */

.americanRiverTeal {
background-color: #006472;
color: white;
}



/* %%%%%%%%%%%% BROWN %%%%%%%%%%%%% */
/* %%%%%%%% Dark to light %%%%%%%%% */


/* STANDARD/CASUAL color palette */

.squirrelBrown {
background-color: #755627;
color: white;
}

.blackWalnut {
background-color: #5d4e3f;
color: white;
}

.whiteBirch {
background:rgba(218,212,144,1.00);
color:#000;
}

.kumquatOrange {background:rgba(221,151,26,1.00);
color:#000;
}

.pencilYellow {background:#ffc40b;
color:#000;
}

.flaminHotOrange {background:rgba(222,92,43,1.00);
color:#000;
}

.roseGardenRed {background:rgba(191,13,62,1.00);
color:#fff;
}

.phlagleblastFuschia {background:rgba(135,38,113,1.00);
color:#fff;
}

.blueGum {background:rgba(0,163,173,1.00);
color:#000;
}

.blueBookCyan {background:rgba(21,170,166,1.00);
color:#000;
}

.appleGreen {background:rgba(55,167,72,1.00);
color:#000;
}

.bikeLaneLime {background:rgba(191,208,39,1.00);
color:#000;
}

.webOnlyColorGreenGrey {background:rgba(151,176, 89, 1.00);
color:#000;
}

.webOnlyColorDrkGold {background:#aa985e;
color:#000;
}

.webOnlyColorMdGold1 {background:#cbb778;
color:#000;
}

.webOnlyColorMdGold2 {background:#cfb668;
color:#000;
}

.webOnlyColorLtGold1 {background:#e1c57a;
color:#000;
}

.webOnlyColorLtGold2 {background:#f0e1b0;
color:#000;
}

.webOnlyColorGreen
{
	color:#000;
background:	#97b059;
}

@media screen and (min-width: 768px) {
.one-column-aside section:not(.border), main.one-column-aside section.container > h1 + div > section > *:not(img), .one-column-aside section figcaption, .one-column-aside aside.side-nav {
    padding-left: 0;
    padding-right: 0;
}


}


.t5:not(.software-training-catalog) section li a {
    display: inline; !important
}

.t5:not(.software-training-catalog) section li:has(a) {
    padding-bottom: .5rem; !important
}