/* Sponsorship */

.caala-bottom img {
     padding: 5px; height: 85px !important; }

/* Board Elections */
input.BodyText.optionsCheckbox {
    margin-top: 0px;
    margin-right: 5px;
}

/* Hide Sidebar on Mobile */
@media only screen and (max-width: 375px) {
    .sidebarCustom {
        display: none !important;
    }
}

/*header alt color */
h1.focus, h2.focus, h3.focus, h4.focus, h5.focus, h6.focus { 
	color: #2691CF; 
}

/*member pricing box */
h3.price {
	white-space:nowrap; 
	padding:5px; 
	background-color:#f5f5f5; 
	text-align:center;
}

/*alt affiliate page */
h3.letter {
	background-color:#6bb7c3;
	color:#ffffff;
	padding-left:5px;
	margin-top:30px;
};

/*homepage */

.footer-bg h4 {text-transform: uppercase !important;}

.member-ship a:hover {text-decoration: none !important;}

.img-head:hover {background: rgba(0,0,0,0.5) !important;}

.event-cla a:hover {text-decoration: none !important;}

.event-cla-inner:hover .org-col  {background: #c38a43 !important;}
.event-cla-inner:hover .mah  {background: #760808 !important;}
.event-cla-inner:hover .d-mah  {background: #480000 !important;}
.event-cla-inner:hover .d-blue  {background: #000000 !important;}

@media (max-width: 979px) { #A1589748 {margin-bottom: 30px !important;} }

.search-icon {width: 25px !important}


@media (max-width: 767px) { .event-section { background: #ffffff !important;} .event-cla, .caala-box {margin-top: 30px;}}

.memberbox {padding-top: 50px;}

.member-login a {background: #003366;}

.member-login a:hover {color: #0198CD !important; text-decoration: none !important; }

.event-title-outer {width: 100%;}

.alertcls h4 a {color: #ffffff;}

.court-cls { padding-right: 40px !important;}

.img-head {background: rgba(0,0,0,0.5);}

.header-mid .navbar-inverse .brand, .navbar-inverse .nav > li > a {
    padding: 0px 25px 0px !important;
    font-size: 16px;
}

.footer-bg a {color: #fff;}

/* remove bold gray styling on menu fonts in smaller windows */
@media (max-width: 979px)
{
.navbar-inverse .nav-collapse .nav>li>a, .navbar-inverse .nav-collapse .dropdown-menu a {
    color: #FFF !important;}
.nav-collapse .nav>li>a, .nav-collapse .dropdown-menu a {
    font-weight: normal !important;}
}

/* Add margin to LASC Court Connection header only in desktop */
@media (min-width: 979px) {
.span5 .alertcls h4 {
margin-left: 80px;
}
}

@media (max-width: 979px) {
.event-section {
padding: 20px 0px ;
}
}

#UpcomingEvents h2 a, #caalaBlocks h3 a, .caala-bottom h3 a {text-decoration: none; color: #fff;}

/* Section Nav */
.sectionNav li a {
    line-height: 16px;
    color: #000;
    /* font-weight: bold; */
    text-transform: uppercase;
    margin-bottom: 8px;
    width: 100%;
    border-bottom: solid 2px #fadeba;
    padding: 0 10px 8px 20px;
}

/* maroon is #940A0A */

.sectionNav ul {
margin: 0;
list-style: none;
}

.sectionNav ul li {
list-style: none !important;
}

.sectionNav li a:hover {
text-decoration: none;
color: #fadeba;
}

.sectionNav p {margin-bottom: 2px; margin-top: 15px; margin-left: 30px; text-transform: uppercase; font-size: 20px; align: center; display: block; padding: 8px; font-weight: 600px;}

.navSubline {
    position: relative;
    height: 15px;
    padding: 0;
    background: #940A0A;
    border: none;
    margin-bottom: 8px;
}
.navSubline:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 30px;
    background: #fadeba;
}

/* Hide section nav title on landing pages */
.landingPage .sectionNav p {display: none !important;}

/* Landing page featured box height */
@media (min-width:991px) {.features-box .thumbnail .caption p:nth-child(2) {height: 95px !important; margin-bottom: 5px;}}
@media (min-width: 768px) and (max-width:990px) {.features-box .thumbnail .caption p:nth-child(2) {height: 60px !important; margin-bottom: 5px;}}
@media (min-width: 551px) and (max-width:767px) {.features-box .thumbnail .caption p:nth-child(2) {height: 95px !important; margin-bottom: 5px;}}
@media (min-width: 991px) and (max-width: 1199px) { .features-box .btn {padding: 4px 5px !important;}}
.features-box {margin-bottom: 20px;}
.landingPage .caption h3 {line-height: 25px; height: 55px; padding-top: 10px;}  /* for 2-line headings, set inline style of padding-top 0 */ 

/* landing page header box text */
@media screen and (min-width: 1201px){
.jumbotron p {
    line-height: 26px;
}}
@media screen and (max-width: 1200px) and (min-width: 978px) {
.jumbotron p {
    line-height: 24px;
} }


/* Committee Link Title Hide on Mobile */
@media only screen and (max-width: 375px) {
    .commtxt {
        display: none !important;
    }
}

/* Committee Home Hide Column */
#WIDGET_Photos {
    display: none !important;
}



/* Directory Landing Page */
.dirLanding button {background: #940A0A; color: #FFF; border-color: #940A0A; margin: 10px auto; display: block; width: 150px;}
.dirLanding button:hover {background: #003366; color: #FFF; border-color: #940A0A;}
.dirLanding .span3 {border: 1px solid #003366; border-radius: 5px; height: 330px; width: 270px; padding: 6px; margin-top: 25px;}
.dirLanding h3 {color: #003366; text-align: center; margin: 20px 0;}
.dirLanding {margin-top: 50px; margin-bottom: 75px;}
.dirLanding img {max-height: 190px;}

/* Membership Main */
#membershipMain  .tabletdContent {min-width: 175px;}

/* Copy BlueButton Mobile to CAALAButton*/
@media only screen and (max-width: 767px) {
    .CAALAButton {
        font-size: 12px;
        padding: 6px 22px;
	min-width: unset; 
    }
}

/* list display */

.interior-box ul li ul li { 
list-style: circle;
}

.nav li {list-style: none !important}

/* list circles */

.li-cir {
  counter-reset: li;
  padding: 0;
  margin: 0;
  list-style: none;
}

.li-cir li {
  list-style: none;
  margin: 1em 0;
  padding-left: 2.25em;
  position: relative;
}

.li-cir li::after {
  counter-increment: li;
  content: counter(li);
  position: absolute;
  font-size: 0.9em;
  left: 0;
  font-weight: 600;
  top: 0.0em;
  width: 1.75em;
  height: 1.75em;
  background-color: #6bb7c3;
  color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Leadership page */
#leadership .secondary-box img {
width: 80px!important;}

#leadership .box img {
width: 80px!important
float:left;
}


/* myCAALA sponsor images */
.myCAALA img {max-height: 150px;}

/* Affiliated Vendor page */
.letterBoxRow {margin: 15px;}

.span3.letterBox {
    border-radius: 10px;
    border: 1px solid #003366;
    height: 21em;
    padding: 20px 5px;
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
.span3.letterBox {
  border-radius: 10px;
  border: 1px solid #003366;
  height: 30em;
  padding: 20px 5px;
  word-wrap: break-word;
}}

@media only screen and (max-width: 767px) {
.span3.letterBox {
    border-radius: 10px;
    border: 1px solid #003366;
    height: 21em;
    padding: 20px 5px;
}}


p.letterheading {
    font-size: 36px;
    font-weight: bold;
    color: #940A0A;
    text-align: center;
}

.letterBox hr {
    border-width: 2px;
    border-color: #FACC70;
}

.letterBox ul {
margin-left: 15px;
}

.letterBox ul li {
    list-style: none;
    line-height: 25px;
}
.letterBox ul li a {
    color: #003366;
}
.letterBox ul li a:hover {
    color: #facc70;
    text-decoration: none;
}

.letterBox ul li a:before {
    content: '\f105';
    font-family: fontawesome;
    color: #FACC70;
    margin-right: 5px;
}

/* Affiliated Vendorv2 page */

.listing-name {font-size: 18px;font-weight: bold;}

.premier .listing-name {font-size: 25px;font-weight: bold; }

.listings p {margin-left: 24px;font-style: italic;}

.listings .vendor-categories li { font-weight: bold; text-transform: uppercase;}

.premier {background: #ededed; border-radius: 10px; padding: 10px; margin: 10px 0;}

.premier img {margin-left: 25px;}

.listing-groups h1 { border-top: 1px solid #000;}

.listing-groups ul li {list-style: none !important;}


/*tablet navigation bar and button */
@media (min-width: 768px) and (max-width: 979px) {
.header-mid, .header-mid .navbar-inverse .navbar-inner {
        background: none;}
#CAALAHdr2 .navbar .btn-navbar .icon-bar {
    background-color: #fff  !important;}
.header-mid .navbar .nav {
    background: #003366;}
.header-mid .nav > li::after {
    background: none;}
}


/* New Homepage */
.cardHolder .card {padding: 65px 0 50px 0px; background: radial-gradient(rgba(235,235,235), rgba(255,255,255));}
.cardHolder {
    background-color: #263160;}
.sponsorsOuter .headTitle {
    color: #263160;}
.cardHolder .card, .cardHolder .cardTwo {
    border: 1px solid #CE2d4F;
}
.cardHolder .circle {
    background-color: #2691cf;}
.cardHolder .cardTwo div > a {
    color: #263160;}
.cardHolder * {
    color: #263160;}
.content h4 {
    color: #2691cf; }
.eventMain hr, .cardTwo hr {border-bottom: 2px solid #CE2d4F;}
.eventDate {
    background: #2691cf;}
.year {
    background: #263160 none repeat scroll 0 0;}
.eventInfo p {text-transform: none; 
    margin-top: 0; font-size: 12px; color: #263160;}
.blueCardHolder .blueSlider {
    background: #2691cf;}
.footer-bg {
    background: #263160;}
.upcomingEvents {
    color: #2691cf !important;}
.cardHolder p {
    color: #263160;
}
.blueSlider {min-height: 225px;}

.blueCardHolder a {min-height: 239px;}

.blueSlider i {
    min-height: 155px;
    padding-top: 25px;}

/* Header Color Changes */
.header-mid .navbar-inverse .navbar-inner {
    background: #263160;
}

.header-mid .nav li a:hover, .header-mid .navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus, .navbar-inverse .nav > li > a:focus, .navbar-inverse .nav > li > a:hover {
    background: #2691cf;
}

.member-login a {
    background: #CE2d4F;
    border-radius: 0;
}

.member-login a:hover {
    background-color: #fff !important;
    color: #CE2d4F !important; 
border: 2px solid #CE2d4F;}

.Social-Media-Icons ul li a {
 background: #CE2d4F; border-radius: 20px; }

.search-outer input {border-width: 2px; border-radius: 0; background-color: #fff;}

.footer > p, .footer > h2 {
    color: white;
    text-align: center;
  }

.footer a {color: #fff;}

.sponsorsOuter .owl-carousel .owl-nav .owl-prev, 
.sponsorsOuter .owl-carousel .owl-nav .owl-next 
{ background-color: #2691cf; color: #fff; border: none;}

/* LO Button */
.LOButton {
    background: #2691cf!important;
    border: 2px solid #2691cf!important;
    color: #ffffff;
    font-weight: normal;
}

.LOButton:hover {
    background: none!important;
    border: 2px solid #2691cf!important;
    color: #2691cf;
}

/* Section Navigation */
.navSubline {
    background: #263160;
height: 10px;}

.navSubline:before {
    background: #2691cf;
height: 10px;}

.sectionNav li a {
border-bottom: solid 1px #263160;
    }

.sectionNav li a:hover {
    color: #CE2d4F;}

/* Primary Nav */
@media (max-width: 1269px) and (min-width: 780px) {.header-mid .navbar-inverse .brand, .navbar-inverse .nav > li > a {
    padding: 0px 15px 0px !important;
    font-size: 12px;}}

.thumbnail {
  border: 1px solid #036;
}
.thumbnail .OrangeButton, .thumbnail .WhiteButton{
display:inline;
}

.thumbnail {
  border: 1px solid #036;
  min-height: 28rem;
}

.column {
  float: left;
  width: 50%;
}

.header .navbar-brand {
  background: #263160!important;
}
.header .navbar .nav li:nth-last-child(3) a span {
  display: inline-block;
}

/*  @media (min-width: 1200px)
#Main34998 .row-fluid [class*="span"] {
  margin-left: 1% !important;
}*/

.bogmerge{
  display: flex;
  flex-wrap: wrap;
}
.bogcard{
  margin: 0 0px 20px 0;
width:33.3%;
}
.bogcard p {
  margin: 0;
}

.bogcard img {
  float: left;
  margin: 0 10px 0 0;
}

#Main11616963 {
  display: flex;
  flex-wrap: wrap;
}
#Main11616963 ul {
  flex: 1 1 300px;
  margin: 10px 15px;
  text-align: center;
  background-color: #eee;
  padding-top: 10px;
}
#Main11616963 li {
  list-style: none;
  width: 200px;
  margin: 0 auto;
}

#Main34826 td {
  padding-right: 10px;
}

.HeaderText{
  font-size: 32px;
  font-weight: 800;
  border-bottom: 6px solid #ff9400;
  display: inline-block;
  color: #263160;
  margin-bottom: 30px;
  letter-spacing: 1px;
  margin-top: 0;
  text-transform: uppercase;
}

.eventTextBox {
  padding-left: 5px;
}

#zoneMain li {
  line-height: 1.5;
}

.jumbotron .row-fluid.header-content {
  position: relative;
  display: table;
}
.hero-spacer .zoneresource div {
  left: 0;
  padding: 30px;
  height: 320px;
  top: 0;
  position: absolute;
  width: 90%;
  margin: 0 auto;
}
.jumbotron #zoneMain img {
  opacity: .25;
  width: 1170px;
}

.con-1-img {
  min-width: 165px;
}

.benefits h3 {
  height: 3.5em;
}

.scriptfont{
font-family: allura;text-transform: capitalize;
}


.interviews tbody {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: 56em;
}

.interviews tr {
  width: 100%;
}

.interviews td {
  padding-right: 20px;
}

.interviews tr {
  flex-direction: column;
}

.bannerInner .TitleText {
  font-size: 32px;
}

@media (max-width: 979px) { .bannerInner .TitleText {
  font-size: 30px;
} }

@media (max-width: 767px) { .bannerInner .TitleText {
  font-size: 16px;
}}

/* TitleText Size Fix CMH */

@media screen and (min-width:1200px) {
.TitleText {
	font-size:40px;
	}
}
/* End TitleText Size Fix */


.ev-box {
  border: 1px solid #ff9400;
  width: 60px;
  text-align: center;
}

.ev-box h2, .ev-box h3 {
  color: #ff9400;
}

.ev-box {
  border: 2px solid #ccc;
  width: 75px;
}

.ev-box h3 {
  font-weight: normal;
}
.upcoming-event-img {
  min-width: 60px;
  max-width: 60px;
  height: 120px;
  width: 60px;
}

@media screen and (max-width: 979px){
.header .navbar-brand {
  width: 155px!important;
}}

.bannerInner {
  min-height: 300px;
}
#zoneMain {
  max-width: 1200px;
  margin: 0 auto;
}
table .BlueButton {
  width: 100%;
}



/* style.css | https://www.caala.org/css/style.css */

.SubHeading b {
  font-weight: 800;
  border-bottom: none!important;
}


.captionFrame {
  background: transparent!important;
}

/* Youtube Videos */

.youtube-embed {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.youtube-embed iframe { 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*instagram embed height change*/
.iframeWrap {
    max-height: 500px;
    overflow-y: scroll;
}