@import url('hamburgers.css');

.con-image {
    background-position: left top;
}

.post-img {
    max-height: 193px;
    background-size: cover;
    background-position: center;
}

.post-img img {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
}

.book-reviews-modal-overlay {
    background: rgba(255, 255, 255, 0.9);
}

.book-reviews-modal-content {
    box-shadow: 0 -3px 40px 0px hsla(0, 0%, 0%, 0.38);
}

.news-events-wrap.list-view .arrow-link {
    right: 25px;
}

.book-reviews-modal-overlay {
    background: rgba(255, 255, 255, 0.9);
}

.news-events-wrap.list-view .news-items-list {
    padding-top: 30px;
}

.book-review-left {
    color: #fff;
    font-family: 'FreightTextProSemibold-Italic';
    font-size: 14px;
}

div.slide-heading-wrap:before,
div.slide-heading-wrap:after{
	display: none;
}
.heading-before {
    position: absolute;
    height: 95%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 9;
}

.slide-heading-wrap a.read-more {
    bottom: 5%;
    right: 25px;
    z-index: 100;
}

.heading-before span.top-before {
    width: 180px;
    top: 0;
    position: absolute;
    left: 0;
    height: 15px;
    background: #51c2c0;
}

span.left-before {
    width: 15px;
    top: 0;
    position: absolute;
    left: 0;
    height: 100%;
    background: #51c2c0;
}

span.bottom-before {
    width: 51%;
    bottom: 0;
    position: absolute;
    left: 0;
    height: 15px;
    background: #51c2c0;
    display: block;
}

span.bottom-before:after {
    content: '';
    height: 15px;
    position: absolute;
    top: 5px;
    right: -10px;
    background: #51c2c0;
    display: block;
    width: 50px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transform-origin: right;
        -ms-transform-origin: right;
            transform-origin: right;
}

span.bottom-before:before {
    content: '';
    height: 15px;
    position: absolute;
    top: -5px;
    right: -10px;
    background: #51c2c0;
    display: block;
    width: 50px;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transform-origin: right;
        -ms-transform-origin: right;
            transform-origin: right;
}

.heading-after {
    position: absolute;
    right: 0;
    top: 0;
    height: 25%;
    width: 30%;
}

span.top-after {
    width: 100%;
    top: 0;
    position: absolute;
    right: 0;
    height: 15px;
    background: #51c2c0;
    z-index: 9;
}

span.right-after {
    width: 15px;
    top: 0;
    position: absolute;
    right: 0;
    height: 100%;
    background: #51c2c0;
    z-index: 9;
}

.side-mobile-menu {
    display: none;
}

.tabs-headings svg {
    display: none;
}

.hidden-desktop{
	display: none;	
}

.headings-box h1 {
    letter-spacing: 2px;
}
	
.hamburger{
	padding: 0;
}

span.copyright-images {
    display: block;
    position: absolute;
    bottom: 30px;
    left: 15px;
    -webkit-transform: translate(0%,51%) rotate(-90deg);
        -ms-transform: translate(0%,51%) rotate(-90deg);
            transform: translate(0%,51%) rotate(-90deg);
    color: #fff;
    font-size: 10px;
    -webkit-transform-origin: left;
        -ms-transform-origin: left;
            transform-origin: left;
    -webkit-backface-visibility: hidden;
}

.side-mobile-menu {
    width: 250px;
    background: #1865e0;
    position: fixed;
    right: -250px;
    top: 0;
    height: 100%;
    z-index: 1000;
    padding: 30px 0px;
    overflow: auto;
    -webkit-transition: right 0.3s ease-out;
    transition: right 0.3s ease-out;
}

ul.side-main-menu {padding: 0;margin: 0;list-style: none;/* height: 100%; *//* overflow: auto; */}

ul.side-main-menu li a {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'Europa-Bold', sans-serif;
}

ul.side-main-menu li {
    text-transform: uppercase;
}

ul.side-main-menu ul {
    margin: 0;
    padding-left: 0;
    list-style: none;
}

ul.side-main-menu > li > a {
    padding: 5px 15px;
    border-bottom: 1px solid #00000026;
    display: block;
}

ul.side-main-menu ul li:before {
    content: '>';
    color: #fff;
    font-size: 14px;
    position: relative;
    left: 0px;
    padding-right: 5px;
}

ul.side-main-menu ul li a {
    font-size: 12px;
}

ul.side-main-menu ul li {
    padding-left: 15px;
}

ul#primary-menu li.current_page_parent > ul.sub-menu {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
}

@media all and (min-width: 768px){
	.staff-hero .staff-headings:first-child {
	    display: none;
	}
	.post-item > .post-excerpt h3 {
	    max-width: 380px;
	    font-weight: bolder;
	    padding-bottom: 15px;
	}
	div.ctab-content h3{
		left: -7px;
	}

	.ac-members,.ac-members+h3 {
	    margin: 0 -.5%;
	}

	.staff-list {
	    margin: 0 -.5%;
	}
}
@media all and (min-width: 960px){
	.filters.desktop-filters,.filters.desktop-filters select {
	    letter-spacing: 1px;
	}	
	.historyimg img {
	    height: 100%;
	    width: 100%;
	    -o-object-fit: cover;
	       object-fit: cover;
	    -o-object-position: center center;
	       object-position: center center;
	}

	.historyimg {
	    height: 100%;
	}
}

@media all and (max-width: 1200px){
	div.ctab-content h3{
		font-size: 50px;
		line-height: 1.3;
	}
	div.staff-col2 {
	    padding: 20px 10px 20px 10px;
	}
	ul#primary-menu ul.sub-menu a {
	    font-size: 14px;
	}
	span.filter-by {
	    font-size: 16px;
	    display: block;
	    width: 100px;
	}
}

@media all and (max-width: 1023px){
	span.filter-by {
	    font-size: 16px;
	    display: block;
	    width: 100px;
	}
	span.copyright-images{
		left: 10px;
		bottom: 150px;
	}
	select.topics {
	    margin: 0 5px;
	}

	.terms ul li a {
	    margin: 0 5px;
	    padding: 5px 10px;
	}

	select.topics {
	    min-width: 70px;
	    width: 100px;
	}

	.news-item.book {
	    padding: 20px;
	}

	.book-copy {
	    padding-top: 0px;
	}

	.bod-right-col >div {
	    padding: 40px 30px;
	}

	.bod-list {
	    padding: 50px 0;
	}

	.bod-item {
	    padding: 15px;
	}

	div.headings-box {
	    width: 200%;
	}

	div.content-home div.col2 img {
	    height: 400px;
	    width: auto;
	}

	div.content-home div.col2 .col2-img {
	}

	div.content-home div.col2 {
	    -webkit-box-pack: end;
	    -webkit-justify-content: flex-end;
	        -ms-flex-pack: end;
	            justify-content: flex-end;
	}
	.headings-box h1 {
	    letter-spacing: 2px;
	}

	div.ctab-content h3 {
	    font-size: 36px;
	}

	div.tabs-container {
	    padding: 20px 40px;
	}

	.tabs-heading , .tabs-heading:hover {
	    font-size: 16px;
	    padding: 20px 22px 15px;
	    line-height: 1;
	}

	.ctab-content {
	    padding: 50px 0;
	}

}

@media all and (max-width: 960px) and (min-width: 768px){
	div.staff-hero {
	    display: block;
	}
	.news-inner > h3 {
	    font-size: 20px;
	    line-height: 25px;
	}
	.staff-col1 {
	    margin: auto;
	    width: 50%;
	    margin-top: -25px;
	}

	div.staff-col2 {
	    width: 100%;
	}
}
@media all and (max-width: 960px){
	header.site-entry-header {
	    padding: 100px 30px 0;
        text-align: center;
	}
	.history-col2.ac > div {
	    width: 100%;
	    max-width: 100%;
	    padding: 50px 30px;
	}

	.ac-members {
	    padding-top: 0;
	}

	.ac-membmer h2 {
	    padding-bottom: 15px;
	}
	ul#primary-menu ul.sub-menu a{
		font-size: 12px;
	}
	div.staff-hero {
	    display: block;
	}
	header.site-entry-header h1 {
	    font-size: 36px;
	    line-height: 1.3;
	}
	.staff-col1 {
	    margin: auto;
	    width: 50%;
	    margin-top: -25px;
	}

	div.staff-col2 {
	    width: 100%;
	}

	.staff-item {
	    padding: 15px;
	}

	.staff-item h2 {
	    font-size: 16px;
	    line-height: 1.2;
	    padding-bottom: 10px;
	}

	div.history-hero {
	    display: block;
	}

	div.history-hero > div {
	    width: 100%;
	}

	.history-col1 {
	    top: 0;
	}

	.history-content {
	    padding: 30px 0 0px;
	}

	.next-page-link {
	    padding-bottom: 30px;
	}

	.history-container{
		width: auto;
		margin: 0 30px;
	}

	.history-col1 > div {
	    padding: 150px 30px 50px;
	}
}

@media all and (max-width: 767px){
	.news-events-wrap > .container {
	    position: relative;
	    width: auto;
	    margin: 0 20px;
	}
	.headings-box h1{
		line-height: 1.3;
	}
	.bod-next >div {
	    margin: 0px 30px;
	    text-align: center;
	    width: auto;
	}

	.next-page-link {
	    text-align: center;
	    padding-left: 0;
	    padding-right: 0;
	}
	.show-book-modal .book-reviews-modal-content {
	    padding: 20px;
	}
	.bod-item{
		padding: 15px 0;
		padding-right: 40px;
	}
	.book-modal-body h1 {
	    max-width: 100%;
	    font-size: 20px;
	}

	.book-review-slide.slick-slide {
	    display: block;
	}

	.book-review-slide.slick-slide > div {
	    width: 100%;
	}

	.book-reviews-modal-content {
	    max-width: 90%;
	    height: 80vh;
	    overflow: auto;
	}
	a.grid-view.active {
	    padding-left: 0;
	}
	.vertical-tabs .vc_tta-panels-container {
	    width: auto;
	    margin: 0 30px;
	}
	.bod-item h2, .staff-headings h2{
		font-size: 15px;
		letter-spacing: 3px;
	}
	header#masthead{
		/*border-bottom: 0;*/
	}
	.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title>a {
	    color: #0e2034!important;
	    font-size: 45px;
	    background: transparent;
	    padding: 30px 0px!important;
	    max-width: 90%;
	    line-height: 1.3;
	}

	.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title {
	    background: transparent;
	}

	.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading {
	    background: transparent;
	    border: 0;
	    padding: 0;
	}

	.wpb-js-composer .vc_tta.vc_general .vc_tta-panel {
	    background: transparent;
	    margin-bottom: 20px;
	}

	.vc_tta-panel-heading {
	    background: transparent!important;
	    border: 0!important;
	}
	.ac-membmer {
	    width: 49%;
	}
	.ac-membmer {
	    width: 100%;
	    margin: 0;
	    margin-bottom: 20px;
	}
	.ac-members-wrap > div {
	    width: auto;
	    margin: 0 30px;
	}
	header.site-entry-header h1 {
	    font-size: 30px;
	    line-height: 1.3;
	}
	header.site-entry-header {
	    padding: 30px 30px 10px;
	    text-align: center;
	    position: relative;
	    z-index: 99;
	}
	.hidden-desktop{
		display: block;	
	}
	div.slide-heading-wrap {
	    max-width: 80%;
	}
	.slide-heading h2 {
	    font-size: 30px;
        line-height: 1.3;
	}
	#site-navigation{
	    display: none;
	}
	.header-wrap {
	    -webkit-box-align: center;
	    -webkit-align-items: center;
	        -ms-flex-align: center;
	                -ms-grid-row-align: center;
	            align-items: center;
	}
	.headings-box:before {
	    display: none;
	}

	.home-section-1 {
	    margin: 0;
	}

	div.headings-box {
	    width: 104%;
	    margin: 0 -2%;
        padding: 30px 50px 50px;
	}

	div.content-home div.col1 {
	    width: 100%;
	}

	.container {
	}

	div.content-home div.col2 {
	    width: 100%;
	    padding-left: 20px;
	}

	div.content-home div.col2 img {
	    height: auto;
	    max-width: 100%;
	    right: 0;
	}
	.slide-polygon svg polygon {
	    fill: #0d323c!important;
	}
	span.copyright-images {
	    bottom: 150px;
	}

	.slide-item {
	    height: 650px;
	}

	.tab-img {
	    display: none;
	}

	.ctab-content {
	    width: 100%;
	}

	.ctab-content .copy {
	    max-width: 100%;
	}

	div.ctab-content h3 {
	    max-width: 100%;
	}

	.tabs-heading, .tabs-heading:hover {
	    width: 100%;
	}

	div.tabs-headings {
	    display: block;
	}

	.tabs-content-wrap {
	    display: none;
	}

	.tabs-heading.active + div.mobile-tab {
	    display: block!important;
	}

	.tabs-heading {
	    margin-bottom: 20px;
	    display: -webkit-box;
	    display: -webkit-flex;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-align: center;
	    -webkit-align-items: center;
	        -ms-flex-align: center;
	            align-items: center;
	    -webkit-box-pack: justify;
	    -webkit-justify-content: space-between;
	        -ms-flex-pack: justify;
	            justify-content: space-between;
	    padding: 10px;
	}

	.ctab-content {
	    padding: 30px 0 50px;
	}

	.tabs-heading {
	    /*color: #fff;
	    border: 2px solid #fff;*/
	}

	div.tabs-container {
	    padding: 30px 20px;
	    max-width: 100%;
	}

	.home-section-2.tabs-home >div {
	    width: 100%;
	}

	div.links {
	    padding: 50px 20px;
	}

	.tabs-heading polyline {
	    stroke: #81B2FF!important;
	    -webkit-transform: rotate(-90deg);
	        -ms-transform: rotate(-90deg);
	            transform: rotate(-90deg);
	    -webkit-transform-origin: center;
	        -ms-transform-origin: center;
	            transform-origin: center;
	    position: relative;
	}

	.tabs-heading.active polyline {
	    stroke: #fff!important;
	    -webkit-transform: rotate(0deg);
	        -ms-transform: rotate(0deg);
	            transform: rotate(0deg);
	    -webkit-transform-origin: center;
	        -ms-transform-origin: center;
	            transform-origin: center;
	    position: relative;
	}

	.tabs-heading svg {
	    height: 24px;
	    display: block;
	}

	.home-blog {
	    padding: 40px 20px 20px;
	}

	.latest-posts {
	    display: block;
	}

	div.post-item {
	    width: 100%;
	    margin: 0!important;
	    margin-bottom: 20px !important;
	}

	.post-item > .post-excerpt {
	    max-width: 100%;
	    margin: 0;
	    width: 100%;
	}

	.post-img img {
	    vertical-align: middle;
	    height: auto;
	}

	.post-item > .post-excerpt h3 {
	    min-height: auto;
	    padding: 10px 0 20px;
	}

	.post-item.seeall {
	    padding: 80px;
	}

	footer#colophon > div {
	    width: 100%;
	}

	footer#colophon {
	    margin: 0 20px;
	    max-width: 100%;
	}

	.home-section-3 > div {
	    width: 100%;
	}

	.footer-address >span {
	    opacity: 0;
	    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	    display: block;
	    height: 0;
	    width: 0;
	    visibility: hidden;
	}

	div.main-footer {
	    line-height: 1.5;
	}

	.tabs-heading h3 {
	    font-size: 15px;
	}

	.tabs-heading h3 br {
	    display: none;
	}
	.see-all a {
	    font-size: 25px;
	    line-height: 35px;
	}

	.side-mobile-menu {
		display: block;
	}

	body{
	    position: relative;
	    left: 0;
	    -webkit-transition: left 0.3s ease-out;
	    transition: left 0.3s ease-out;
	}

	body.menu-opened{
		left: -250px;		
	}

	body.menu-opened .side-mobile-menu{
		right: 0;
	}
	body.menu-opened .body-overlay{
		display: block;
	}

	.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
	    background: #fff;
	}

	.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
	    background: #fff;
	    width: 40px;
	}
	.hamburger-inner:after {
	    bottom: -15px;
	}

	.hamburger-box {
	    width: 40px;
	}

	.site-branding{
		width: 245px;
	}

	.body-overlay{
	    height: 100%;
	    position: absolute;
	    height: 100%;
	    width: 100%;
	    background: rgba(255, 255, 255, 0.75);
	    top: 0;
	    left: 0;
	    z-index: 999;
	    display: none;
	}
	.footer-info-wrap{
		line-height: 1.5;
	}
	div.slide-heading-wrap {
	    padding: 30px 15px;
	    max-width: 90%;
	}

	.slide-heading h2 {
	     font-size: 26px; 
	}

	.heading-container {
	    padding: 25px 50px;
	}
	header#masthead .container {
	    width: 100%;
	    margin: 0 15px;
	    width: auto;
	}
	.footer-info-wrap >div {
   		 display: block;
	    line-height: 1;
	    padding: 10px 0;
	}

	div.footer-address {
	    line-height: 1.5;
	}

	.see-all a:after {
	    width: 40px;
	    margin: 0 auto;
	}

	.header-polygon{
		width: 150%;
		margin-top: -30px;
	}
	.beyond-text-block.has-top-space {
	    padding-top: 50px;
	}

	.entry-content {
	    padding: 0 20px;
	}
}

@media all and (max-width: 480px){
	.heading-container {
	    padding: 10px 10px;
	}

	div.slide-heading-wrap{
		max-width: 85%;
	}

	.slide-heading-wrap a.read-more {
	    right: 0;
	}

	.heading-before {
	    width: 80%;
	}

	.heading-before span.top-before {
	    width: 60px;
	    height: 7px;
	}

	.heading-before > span {
	    width: 1;
	}

	span.left-before {
	    width: 7px;
	}

	span.bottom-before {
	    height: 7px;
	}

	span.bottom-before:before {
	    height: 7px;
	    top: auto;
	    bottom: 2px;
	    right: 0;
	    width: 40px;
	}

	span.bottom-before:after {
	    height: 7px;
	    top: 2px;
	    right: 0;
	    width: 40px;
	}

	span.top-after {
	    height: 7px;
	}

	span.right-after {
	    width: 7px;
	}
}

@media all and (max-width: 414px){
	div.site-branding{
		width: 200px;
	}
}