@charset "utf-8";
/* CSS Document */
:root {
    --aabh-blue: #071278;
    --aabh-red: #EB0505;
    --aabh-yellow: #FEB64A;
    --aabh-green: #128B8E;
}

body {
    font-family: arial, helvetica, sans-serif;
    font-size: 13pt;
    line-height: 20px;
}

p {
    margin-bottom:20px;
}
/*---------------Header----------------------------*/
.img-social-r {
	margin-right: 10px;
}
.img-social-l {
	margin-left: 10px;
}

/*----------------Navigation-----------------------*/
.navbar-default {
	background-color: white;
	border: none;
	font-family: arial, helvetica, sans-serif;
    font-weight:bold;
	font-size: 20px;
	color: #fff !important;
}

.navbar-default .navbar-nav > li > a {
    color: #000;    /* font for main menu items */
}
    
.navbar-toggle {
    margin-top: 0px;
    margin-bottom: 0px;
}

.dropdown-menu {
/*
	background: rgba(0, 0, 0, .65) !important;
	color: #cfdcea !important;
*/
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 30px 3px 15px;
    clear: both;
    font-weight: bold; 
    line-height: 2.5;
    color: black;       /* font color for dropdown menu items */
    white-space: nowrap;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    color: white;
    text-decoration: none;
    background-color: #53514D;
}
/*-------------------End Navigation-----------------------------*/
/* submenu */
submenu .dropdown-submenu {
	position: relative;
	list-style: outside none none;
	text-align: left;
}
.dropdown-submenu {
	font-size: 100%;
	list-style: none;
	padding: 0px;
	margin: 0px 10px 0px 10px;
}
.dropdown-submenu ul {
	list-style: none;
	margin: 0px;
	padding: 0px 10px 0px 10px;
	border: none;
	font-size: 12px;
}
.dropdown-submenu> li> a {
	padding: 4px 20px 4px 5px;
	/*  background-color: #008675;*/
	font-size: 10px;
}
.dropdown-submenu> li> a:hover {
	padding: 4px 20px 4px 5px;
/*	background-color: #cfdcea;*/
	text-decoration: none;
	color:#3155A6;

}
.dropdown-submenu>.dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -6px;
	margin-left: -1px;
	-webkit-border-radius: 0 6px 6px 6px;
	-moz-border-radius: 0 6px 6px 6px;
	border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
	display: block;
}
.dropdown-submenu>a:after {
	display: block;
	content: " ";
	float: right;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color: #cccccc;
	margin-top: 5px;
	margin-right: -10px;
}
.dropdown-submenu:hover>a:after {
	border-left-color: #ffffff;
}
.dropdown-submenu.pull-left {
	float: none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
	left: -100%;
	margin-left: 10px;
	-webkit-border-radius: 6px 0 6px 6px;
	-moz-border-radius: 6px 0 6px 6px;
	border-radius: 6px 0 6px 6px;
}
.navbar-nav > li > .dropdown-menu {
    background: #FEB64A !important;   /* dropdown background, with transparency as last two digits */
    border-radius: 0px 0px 8px 8px;
}
<!--end of submenu-->
/*---------------------------Page Content------------------------------------*/

.btn-primary {
	color: #ffffff;
	background-color: #071278;
	border-color: #128B8E;
}
.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary {
	color: #ffffff;
	background-color: #1e3364;
	border-color: #204d74;
}


.rounded-button {
    display: block;
    padding: 10px 25px;
    text-align: center;
    text-decoration: none;
    border-radius: 20px;
    font-family: arial, helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    display: inline-flex;
    align-items: center;
}

.rounded-button:hover, .css-rounded-button:focus {
    text-decoration: none;
}

.request-ta-button {
    background: #071278;
    color: #fff;
    /* font size specified in media sections */
}

.request-ta-button:hover, .request-ta-button:focus {
    background: #128B8E;
    color: #fff;
}

/* PHOTO BOX */
/*
.table-container {
    display: table;
    margin-left:50px;
}

.table-container .table-row {
    height: 100%;
    display: table-row;
}

.table-container .table-row .table-col {
    display: table-cell;
    float: none;
    vertical-align: top;
}
*/

.photo-box-row {
    background-color: #e7eef2;
    text-align: center;
    margin-left: 30px;
    margin-right: 30px;
}

.photo-box-text-side {
    background-color: #e7eef2;
    vertical-align: middle;
    padding-right: 30px;
    padding-left: 30px;
    height: 100%;
    min-height: 100%;
    width: 50%;
}

.photo-box-text-side .rounded-button {
    color: #165c7d;
    border: 2px solid #165c7d;
    padding: 5px 30px;
}
.photo-box-photo-side {
    text-align: center;
    padding-right: 0px;
    padding-left: 0px;
    background: white;
    width: 50%;
}
.photo-box-photo {
    width:100%;
}

@media screen and (max-width: 767px) {
    .photo-box-row {
        background-color: white;
    }
    .photo-box-text-side {
        width: 100%;
    }
    .photo-box-photo-side {
        width: 100%;
    }
    .photo-box-photo {
        margin: 0 auto;
        padding-top:20px;
    }
}

.request-column {
    text-align: center;
    padding: 40px 30px 5px 10px;
    margin-bottom: 20px;
}
.pull-right.img-responsive {
	margin: 0 0 1em 1em;
}
.page-bottom {
	margin-bottom: 125px;
}
.marg-left {
	margin-left: 1.5em;
}
.border-left {
	padding-left: 25px;
}

 
.newslettertxt a {
/*	color:#9fb9d5;*/
    color: #3155a6;
	font-size: 1.1em;


}
.newsletter img {
	height:40px; width:40px;
	}

.newslettertxt {	font-weight:bold; padding-top:12px; padding-left:7px;}
.bottomMargin{ margin-bottom:12px;}
.topMargin{ margin-top:12px;}
.bothMargin{ margin-top:12px; margin-top:12px;}
.lefttopmargin{
	margin-top:50px;
	}

.footer {
    margin-top: 50px;
    padding-top: 30px;
    background-color: var(--aabh-green);
}

.footertxt {font-size:small; color:#fff; padding: 12px 24px;}
.footertxt a { color:#fff;}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'Montserrat', helvetica, sans-serif;
    font-weight: bold;
    line-height: 1.2;
    color: var(--aabh-green);
}
h1 {
    font-size: 24px;
    font-weight: bolder;
}
h2 {
    font-size: 18px;
    font-weight: bolder;
}
h3 {
    font-size: 16px;
    font-weight: bolder;
}
.content-margin-top {
	margin-top:25px;
}
.fa-chevron-left:before {
	content: "\f053"
}
.fa-chevron-right:before {
	content: "\f054"
}
@font-face {
	font-family: FontAwesome;
	src: url(fonts/fontawesome-webfont.eot?v=4.0.3);
	src: url(fonts/fontawesome-webfont.eot?#iefix&v=4.0.3) format('embedded-opentype'), url(fonts/fontawesome-webfont.woff?v=4.0.3) format('woff'), url(../fonts/fontawesome-webfont.ttf?v=4.0.3) format('truetype'), url(fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular) format('svg');
	font-weight: 400;
	font-style: normal
}
.fa {
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

<!--test-->


.social-media-icons{
	position:relative;
	top:30px;            /* was 90 before "Request CBA" button was added */
}

	/**/
/* MOBILE views */
@media (max-width: 768px) {
    .request-column {
        margin-left: 10px;
        padding-top:10px;
        margin-top:0px
    }
    .navbar-collapse {
        margin: 0px;
        padding: 0px;
    }
    .request-ta-button {
        font-size: 24px;
    }
}

@media (min-width: 768px) {
    .nav > li > a {
        display: block;
        padding-left: 7px;
        padding-right: 10px;
        font-size: .63em;
    }

    .navbar-collapse {
        margin: 33px 0px 0px 0px;
        padding:0px;
    }
}

@media (min-width: 992px) {
    .nav > li > a {
        display: block;
        padding-left: 10px;
        padding-right: 10px;
        position: relative;
        font-size: .8em;
    }

    .social-media-icons {
        left: 90px;
        /*background-color:#cccccc;*/
        width: 295px;
    }
    .photo-box-text-side-text {
        margin-top: 50px;
    }
}

@media (min-width: 1200px) {
    .nav > li > a {
        display: block;
        padding-left: 10px;
        padding-right: 40px;
        position: relative;
    }

    .social-media-icons {
        left: 275px;
        /*background-color:#ff0000;*/
        width: 295px;
    }
    .request-ta-button {
        font-size: 18px;
    }
}

@media screen and (max-width: 767px) {
    .social-media-icons {
        left: 0px;
        padding-right: 20px;
    }

    .img-social-r {
        width: 25px;
        height: 25px;
        margin-right: 4px;
    }

    .lefttopmargin {
        margin-top: 0px;
    }
}

.right-caret {
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    border-left: 6px solid #53514d; /* this one is the caret's color */
    display: inline-block;
    opacity: 1.0;
}

.static-page-content {
    margin-top: 20px;
}

.static-page-content .hero-image {
    margin-top: 40px;
}

.bulletBox {
    height: 100px;
    padding: 15px;
    margin-bottom: 10px;
    color: white;
}
.monthHeader {
    background-color: var(--aabh-blue);
    color:white;
    padding:5px;
}
.eventTitle {
    margin-top: 5px;
    color: var(--aabh-blue);
}