/*==========================================
============================================

	STYLE SHEETS FOR AASECT 2016 REBRAND

============================================
==========================================*/

/* Header Family Monterrat*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;600;700&display=swap');

/* Roboto font family extention */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');


/*-------------------------------------------
		  HEADER REGION
-------------------------------------------*/
.block-est-aa-profile-profile-highlight--2{
	display: none;
}

.header-logo{
	margin: 25px 0 10px 0;
}

/*Top menu*/
.super-nav-menu{
	text-transform: none;
}

.super-nav-menu li.first a{
	color:#fff;
	font-weight: bold;
}

.super-nav-menu li.first a, .super-nav-menu a, .block-follow h2.block-title{
	font-weight: bold;
}


/* User Login field */
.block-user-login{
	/*margin-top:25px;*/
}

.block-user-login .button{
	background-color: #b63759;
	border-color: #b63759;
	border-radius: 30px;
	height:2.5em;
	padding-top:.5em;
}

.block-user-login .button:hover{
	background-color: #f13a59;
	border-color: #f13a59;
}

.block-user-login label{
	color:#707070;
	font-size:90%;
	font-weight: 300;
	text-transform: initial;
}

.compact-form-label{
	position: absolute;
	top: 3px;
	left: 7px;
}

.block-user-login .compact-form {
	margin-top: 1em;
}

.block-user-login input{
	border-radius:30px;
	background-color: #f2f1f2;
	height:2.8em;
	width:90%;

}


/*----------------------------------------------
		SUPER FISH MAIN MENU
----------------------------------------------*/
.sf-menu{
	font-size: 1em;
	line-height: 1.8;
}

.sf-menu.sf-style-default{
	margin-bottom:1em;
}
/*
.sf-menu a{
	background: #b63759;
}*/

.sf-menu a:active{
	background: #b63759;
}

.default li li a:active{
	background: #b63759;
}

.sf-menu.sf-style-default li{
	background:none;
}

.sf-menu.sf-style-default li:hover, .sf-menu.sf-style-default li.sfHover{
	background-color:#b63759;
}

.sf-menu.sf-style-default a{
	color:#fff;
}

.sf-menu.sf-style-default a:active{
	color:#eceef2;
	background:#f13a59;
}

.sf-menu.sf-style-default a:hover {
	background-color: #f13a59 !important;
}

.sf-menu.sf-style-default li li{
	background:#b63759 !important;
}

.sf-menu.sf-style-default li li:hover{
	background-color:#f13a59 !important;
}

.sf-menu.sf-style-default li li a:hover{
	color:#fff;
	background: #f13a59;
}

.sf-menu.sf-style-default li li a:active{
	background: #b63759;
	color: #f13a59;
}

.sf-menu.sf-style-default .sf-depth-1 a.sf-depth-1{
	/* text-transform: none; */
	font-size: .80em !important;
	background: none;
}



/* Login Bar */

.nav-login{
	background:#615c68;
	/*margin-bottom: 1.5em;*/
}

.block-est-aa-profile-profile-highlight{
	color:#eceef2;
}

.block-est-aa-profile-profile-highlight a{
	color:#fff;
}

.super-nav-menu ul.menu {
	list-style-type: none;
	margin-bottom: 0;
}

.super-nav-menu ul.menu li {
	margin-bottom: 0;
}

/*.super-nav-menu ul.menu li a {
	background-color: #8a8395;
	display: inline-block;
	font-size: 14px !important;
	line-height: normal;
	padding: 10px 40px;
}*/

.super-nav-menu ul.menu li a:hover {
    background-color: #918d98;
}

.search-icon {
	float: right;
	margin-bottom: 0.5em;
	padding: 6px 0 6px 15px;
}

.search-icon svg {
	line-height: normal;
	height: 25px;
	width: 25px;
}

/*---------------------------------
		SUB NAV BOX
---------------------------------*/

.subnav-box{
	margin-top:20px;
	margin-bottom:20px;
	fill:initial;
	background-color: #FFFFFF;
    border: none;
    border-radius: initial;
    box-shadow: none;
    font-weight: initial;
    margin: 0 auto;
    max-width: initial;
    padding: 30px 10px;
	text-align: center;
}

.subnav-box a{
	background-color: #FFFFFF;
    border: 1px solid #F1EEF6;
    border-radius: 70px;
	box-shadow: 0 3px 6px rgba(21,27,38,.15);
	font-size: 18px;
    font-weight: 900;
    margin: 0 auto;
    max-width: 350px;
    padding: 25px 10px;
	text-align: center;
	display:block;
}

.subnav-box a:hover{
	transition: max-width .8s, padding .8s, transform .8s;
	-webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
}

.subnav-box a svg{
	height: 42px;
}

	@media only screen and (max-width: 600px) {
		.subnav-box a svg{
		height:32px;
		}
	}

.subnav-box a svg path{
	fill:#b63759;
}

@media only screen and (max-width: 768px) {

	.subnav-box{
		padding: 10px 10px;
	}

	.subnav-box a{
		font-size: 14px;
		padding: 15px 10px;
	}
}


/*--------------------------
			BODY
---------------------------*/
body{
	background: #fff;
}
.l-main {background: #fff;}
.l-main > div.main {background: #fff;}


/* Removing extra padding around page titles found on prod that
are not on test site */
.contextual-links-region {
	padding-left:0em !important;
	padding-right:0em !important;
}


/*------------------------------
	TYPOGRAPHY/HEADERS/TAGS
-------------------------------*/

h1{
	font-family: 'Montserrat', sans-serif !important;
}

h2{
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 700 !important;
	color:#662b7d;
	font-size: 2.5em !important;
}

@media only screen and (max-width: 768px) {
	h2{
		font-size: 2em !important;
	}
}

h3{
	font-family: 'Montserrat', sans-serif !important;
	color:#662b7d;
	font-size: 1.6em;
	font-weight: 600 !important;
}

h4{
	font-family: 'Montserrat', sans-serif !important;
	color:#662b7d;
	font-size: 1.6em;
	font-weight: 200 !important;
}

p{
	color:#190d3f;
	font-size: 1.2em;
	line-height: 1.8;
}

a{
	color:#b63759;
}

a:hover{
	color:#f13a59;
}

ul, ol, dl{
	font-size: 1.2em;
	line-height: 1.8;
	margin:2em;
}

.l-main .div-tan a{
	color:#f13a59;
}

ul.pagination li.current a{
	background:#f39a21;
}

body > div.page > div.wrapp-header > header > section.super-nav.nav-login > div > div > section > ul{
	margin:0px;

}


#page-title{
	color:#662b7d;
	border-bottom: solid 1px #f39a21;
	padding:.5em .8em;
	margin:auto;
	background-color: #fff;
}

.sidebar h2.block-title{
	background-color: #662b7d !important;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	font-weight: 200 !important;
	margin-bottom:0em;
	padding: 1em 2em;
	margin-top: 1.5em;
}

.upcoming-events-title{
    text-align: center;
    padding: 4em;
    margin-bottom: 2em;
}

@media only screen and (max-width: 600px) {
	.upcoming-events-title{
	padding:2em 1em;
	}
}

@media only screen and (max-width: 768px) {
	.upcoming-events-title{
		padding:3em 2em;
	}
}


.upcoming-events-title h2{
	text-align: center;
}

.upcoming-events-title h2:after{
	background-image: url('https://www.aasect.org/sites/default/files/images/events-calendar-icon-50px-01.png');
    background-size: 50px 50px;
    display: inline-block;
    width: 50px;
    height: 50px;
	content:" ";
	margin-left: .6em;
}

.upcoming-events-title hr{
	width: 30%;
    margin-left: auto;
    margin-right: auto;
}

.upcoming-events-block-title{
	padding-top:0 !important;
}

.upcoming-events-block-title > .block-title{
	display:none;
}

.upcoming-sec{
	box-shadow: inset 0px -8px 10px 0px rgba(0,0,0,0.15);
		-webkit-box-shadow: inset 0px -8px 10px 0px rgba(0,0,0,0.15);
		-moz-box-shadow: inset 0px -8px 10px 0px rgba(0,0,0,0.15);

}

@media only screen and (max-width: 600px) {
	.upcoming-sec img{
		margin-bottom:30px;
	}
}

.text-deck{
	padding: 5em 2em 3em;
    text-align: center;
}

.text-deck h3{
	font-size: 2em !important;
	text-align: center;
}
.text-deck h4{
	font-size: 1.5em !important;
	text-align: center;
}
.text-deck > div{
	padding: 2%;
}

.services-section{
	background-color: #ffffff;
	box-shadow:
	0 1.1px 1.4px rgba(0, 0, 0, 0.02),
	0 2.7px 3.3px rgba(0, 0, 0, 0.028),
	0 5px 6.3px rgba(0, 0, 0, 0.035),
	0 8.9px 11.2px rgba(0, 0, 0, 0.042),
	0 16.7px 20.9px rgba(0, 0, 0, 0.05),
	0 40px 50px rgba(0, 0, 0, 0.07);
}

.services-icons-row{
	padding-left:20%;
	padding-right: 20%;
}

@media only screen and (max-width: 600px) {
	.services-icons-row{
		padding-left:initial;
		padding-right: initial;
	}
}

.services-icons img{
	box-shadow: initial;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width:100px;

}

.services-icons p{
	color:#622b7d !important;
	text-align: center;
}

/*--------------------------
			BUTTONS
---------------------------*/

button{
	background-color: #b63759;
	border-color: #b63759;
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset !important;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset !important;
}

button:hover{
	background-color: #f13a59;
}

button:focus {
    outline: none;
    outline-color: unset;
    outline-style: unset;
	outline-width: 0 !important;
}

.button{
	background-color: #eceef2;
	border-color: #ccc;
}



/*------------------------------
		CUSTOM SKINR STYLES
--------------------------------*/

/* Use .head-purple when white header with purple BG is needed on pane titles */
.head-purple h2{
	color: #fff !important;
	background-color: #662b7d !important;
	width: 100%;
	text-align: center;
	margin: 0 auto;
	border-bottom: none !important;
	border-radius: 5px 5px 0px 0px;
	margin-top:1.5em;
	padding-top:.5em;
	padding-bottom: .5em;
}

.head-purple p {
	padding:1em 1.5em;
}


/* Use this in conjunction with .head-purple
when white background for pane content is needed*/
.head-purple-body-bg{
	background: #fff;
	margin-bottom: 15px;
	border:0px;
}


/* Default pane titles */
.pane-title{
	color: #662b7d !important;
	background-color: #fff !important;
	width: 100%;
	text-align: left;
	margin:0 auto;
	border-bottom:1px solid #f39a21 !important;
	padding:.5em .8em;
	margin-top: 1.5em;
}

.pane-title h2{
	padding-left: 10px!important;

}

.pane-title a {
	color:#662b7d;
}

/* Default block titles (this class was not found on test site)*/
.block-title{
	color: #662b7d !important;
	background-color: #fff !important;
	text-align: left;
	margin:0 auto;
}

.block-title h2{
	padding-left: 10px!important;

}

.block-title a {
	color:#662b7d;
}

.div-tan-border h2.block-title{
	border-bottom:none !important;
	color:#662b7d !important;
}


/* To be used for white backgrounds on sidemenu items that are inheriting section padding */
.white-bg{
	background-color: #fff !important;
	padding-left:0em !important;
	padding-right:0em !important;
}

.white-bg p{
	padding:1em 2em;
}

/* To be used for white background on pane content*/
.white-block{
	background: #fff;
	padding: 15px;
	margin-bottom: 15px;
	border:0px;
}

.white-block p{
	padding:1em 1.5em;
}

/* To be used for conetent heads that need white background */
.head-white{
	background: #fff;
	padding:20px;
}

.head-white h2{
	color: #662b7d;
}


.view-white{
	background: #fff;
}


/*----------------------------
		BLOCKS & VIEWS
-----------------------------*/

/* use .div-white for inline styles when needed for white background */
.div-white{
	background-color: #fff;
	padding: 15px;
	margin-bottom: 15px;
}

.div-white h2 .block-title{
	color: #fff;
	font-weight: 300;
	border-bottom: solid 1px #f39a21;
}

.list-no-image{
	border-bottom: solid 1px #eceef2;
	font-size: 100%;
}

/* Style for views that need proper line item spacing and white background */
.view-line-and-padding{
	border-bottom: 1px solid #eceef2;
	padding: 1em 1.4em;
}

.list-image{
	border-bottom: 1px solid #eceef2;
}

.view-id-discussions.view-display-id-block .row-date{
	color:#f39a21;
}

.view-id-discussions.view-display-id-block .views-row{
	border-bottom: 1px solid #eceef2;
	padding:.25em 1.4em;
}

.view-id-discussions.view-display-id-block .view-header p{
	padding:.25em .8em;
}

.view-bottom-border .views-field-title{
	border-bottom: 1px solid #f39a21;
}

.view-bottom-border li{
	border-bottom: 1px solid #eceef2;
}

.view-bottom-border .divider-line{
	border-bottom: 1px solid #eceef2;
}

.view-bottom-border td{
	border-bottom: 1px solid #eceef2;
}

.view-blogs-tags{
	background-color: #fff;
}

.row-image{
		border-bottom: 1px solid #eceef2 !important;
}

.row-title a{
	color:#b63759;
}

.view-member-directory .views-exposed-form .views-exposed-widgets .form-item input.form-text {
	background-color: #fff;
	border-top: 1px solid #615c68;
	border-right: 1px solid #615c68;
	border-bottom: 1px solid #615c68;
	border-left: 1px solid #615c68;
}

.member-block{
	border-bottom: 1px solid #eceef2 !important;
}

/* BOOKS VIEW ON HOMEPAGE */

.book-title{
	color: #f39a21 !important;
}

.buy-book{
	background: #f39a21;
	border-color: #f39a21;
}

.buy-book:hover{
	background: #F7913D;
	border-color: #F7913D ;
}

.button{
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset !important;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset !important;
}

@media only screen and (max-width: 768px) {
	.cs-online-feature > .views-row > .views-field-content{
		width: 100% !important;
		margin-top: 20px;
	}
}
@media only screen and (max-width: 768px) {
	.cs-online-feature > .views-row > .views-field-image{
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
}
@media only screen and (max-width: 768px) {
	.pane-views .more-link a{
		margin-bottom:40px;
	}
}

.blockpanel-pane.pane-block.pane-block-30{
	padding-left:0 !important;
	padding-right:0 !important;
}


/*----------------------------
		SIDEBARS/MENUS
-----------------------------*/
.sidebar ul.menu li {
	border-bottom: 1px solid #eceef2;
	list-style: none;
}

.sidebar h3{
	background-color: #fff !important;
	color:#662b7d;
	text-transform: none;
	border-radius: 0px;
}

.sidebar h3 a {
	color:#b63759;
}

.sidebar .div-tan-border h3 a{
	border-bottom: none !important;
	color:#b63759 !important;
}


/*----------------------------
		PAGES
-----------------------------*/
.node-type-page .content-main{
	background-color: #fff !important;
}

.node-type-page .content-main .pane-node-title .pane-content h2{
	color: #662b7d !important;
	background-color: #fff !important;
	border-bottom:1px solid #f39a21 !important;
}


/*----------------------------
		SIDEBARS/MENUS
-----------------------------*/
.sidebar ul.menu li {
	border-bottom: 1px solid #eceef2;
	list-style: none;
}

.sidebar h3{
	background-color: #fff !important;
	color:#662b7d;
	text-transform: none;
	border-radius: 0px;
}

.sidebar h3 a {
	color:#b63759;
}

.sidebar .div-tan-border h3 a{
	border-bottom: none !important;
	color:#b63759 !important;
}


/* CHANGES TO USER MENU FOR USER PROFILE*/

.sidebar #user-profile-menu .user-profile-menu, .user-profile-community-links{
	background-color:#ffffff;
	border:#ffffff;
}

#user-profile-menu .user-profile-menu h4{
	color:#f39a21;
}

.user-profile-community-links{
	background-color: #ffffff;
	border :#ffffff;
}

.user-profile-community-links strong{
	color:#f39a21;
}

.sidebar #user-profile-menu .user-profile-menu ul li a{
	color:#b63759 !important;
}

.sidebar #user-profile-menu .user-profile-community-links ul li a{
	color:#b63759 !important;
}

/* CHANGES TO LOCATE A PROFESSIONAL */

#sitehelper-referral-directory-form{
	background-color: #ffffff;
	border:0px #ffffff;
}

.page-referral-directory #page-title{
	color:#662b7d;
	border-bottom:1px solid #f39a21;
	margin:0em;
}

button[disabled]{
	background-color:#b63759;
	border-color:#b63759;
}

/*Locate a professional search results*/

.view-id-find_a_professional{
	background-color: #ffffff;
	border:0px #ffffff;
}

.page-find-professional #page-title{
	color:#662b7d;
	border-bottom: solid 1px #f39a21;
}


/*----------------------------
		NODES
-----------------------------*/

.node-news-letter-section{
	background-color: #fff;
	border:none;
	padding:10px 20px;
}


/*---------------------------
		FOOTER
----------------------------*/

.footer-logo img{
	padding-right:18%;
}

.footer-address .block-title{
	font-size: 1.5em !important;
}

.footer-social h2{
	font-size: 1.5em !important;
}

.footer-address p{
	font-size: 1em;
}

.footer-menu{
	text-transform: none;
}

.footer-menu a{
	font-size:initial;
}

.footer-menu a:hover{
	color:#f13a59;
}



/*==================================================
		TARGETING and OVERRIDING DIV TAN CLASS
===================================================*/

.div-tan-border{
	background-color: #fff !important;
	border:none !important;
	padding: 20px !important;
	margin-left: 0em !important;
}

.div-tan-border a{
	color:#b63759 !important;
}

/* BLOG */

.div-tan{
	background-color: #fff;
}

.view-blogs-tags .views-row{
	border-bottom:1px solid #f39a21;
}

.div-tan h2.block-title {
	color: #662b7d !important;
	font-weight: 300;
	border-bottom: 1px solid #f39a21 !important;
}

/*==================================================
			MICROSITE EDITS
===================================================*/



.microsite .menu-name-main-menu ul li a{
	font-weight: bold;
}

/*page title*/
body > div.page.microsite > div.wrapp-header > section > div > div > div.medium-6.large-4.columns{
	padding-top:20px;
	padding-bottom:20px;
}

/*microsite menu*/
body > div.page.microsite > div.wrapp-header > section > div > div > div.medium-6.large-8.columns{
	width:100%;
	background-color: rgb(240, 240, 240);
}

/* sub-page links */

.ui-widget-content a{
	color:#b63759;
}


/*---------------------------
Microsite responsive edits
---------------------------*/

@media screen and (max-width: 500px){
	body > div.page.microsite > main > div > div.content{
		margin-top: 175px;
	}
}
/* Correcting top margin of rotator on mobile devices.
The rotator looks fine in dev tools for Chrome and Firefox but hides behind
the responsive menu on actual devices. This seems to take care of it. */
@media screen and (max-width: 500px){
	.pane-rotator{
		margin-top:8.5em;
	}
}

.aasect-btn{
    background: #b63759;
    box-shadow: 0 3px 6px rgba(21,27,38,.15);
    border-radius: 55px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    line-height: normal;
    letter-spacing: .5px;
    max-width: 180px;
    padding: 16px;
    text-align: center;
    transition: all .3s;
    width: 100%;
}

.aasect-btn:hover{
	background: #F13A59;
	color:#fff;
}