/* 
 * Deprecated DNN CSS class names will remain available for some time
 * before being  permanently removed. Removal will occur according to
 * the  following process:
 *
 * 1. Removal will only occur with a major (x.y) release, never
 *    with a maintenance (x.y.z) release.
 * 2. Removal will not occur less than six months after the release
 *    when it was deprecated.
 * 3. Removal will not occur until after deprecation has been noted 
 *    in at least two major releases.
 *
 *                                              |        |Planned |
 *  Name                                        |Release |Removal |
 *----------------------------------------------+--------+--------+
 * Mod{NAME}C                                     5.6.2    6.2
 *   {NAME} = sanitized version of the DesktopModule Name 
 *   Used on <div> tag surrounding Module Content, inside container
 *----------------------------------------------+--------+--------+
 */  



/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
}

/* background color for the content part of the pages */
Body
{
}

.ControlPanel {
}

/* background/border colors for the selected tab */
.TabBg {
}

.LeftPane  { 
}

.ContentPane  { 
}

.RightPane  { 
}

/* text style for the selected tab */
.SelectedTab {
}

/* hyperlink style for the selected tab */
A.SelectedTab:link {
}

A.SelectedTab:visited  {
}

A.SelectedTab:hover    {
}

A.SelectedTab:active   {
}

/* text style for the unselected tabs */
.OtherTabs {
}
    
/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
}

A.OtherTabs:visited  {
}

A.OtherTabs:hover    {
}

A.OtherTabs:active   {
}

/* GENERAL */
/* style for module titles */
.Head   {
}

/* style of item titles on edit and admin pages */
.SubHead    {
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
}

/* text style used for most text rendered by modules */
.Normal
{
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
}

.NormalRed
{
}

.NormalBold
{
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
}

A.CommandButton:visited  {
}

A.CommandButton:hover    {
}
    
A.CommandButton:active   {
}

/* button style for standard HTML buttons */
.StandardButton     {
}

/* GENERIC */
H1  {
}

H2  {
}

H3  {
}

H4  {
}

H5, DT  {
}

H6  {
}

TFOOT, THEAD    {
}

TH  {
}

A:link  {
}

A:visited   {
}

A:hover {
}

A:active    {
}

SMALL   {
}

BIG {
}

BLOCKQUOTE, PRE {
}


UL LI   {
}

UL LI LI    {
}

UL LI LI LI {
}

OL LI   {
}

OL OL LI    {
}

OL OL OL LI {
}
OL UL LI   {
}

HR {
}

/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
.Message    {
}   

/* style of item titles by Announcements and events */
.ItemTitle    {
}

/* Menu-Styles */
/* Module Title Menu */
.ModuleTitle_MenuContainer {
}

.ModuleTitle_MenuBar {
}

.ModuleTitle_MenuItem {
}

.ModuleTitle_MenuIcon {
}

.ModuleTitle_SubMenu {
}

.ModuleTitle_MenuBreak {
}

.ModuleTitle_MenuItemSel {
}

.ModuleTitle_MenuArrow {
}

.ModuleTitle_RootMenuArrow {
}

/* Main Menu */

.MainMenu_MenuContainer {
}

.MainMenu_MenuBar {
}

.MainMenu_MenuItem {
}

.MainMenu_MenuIcon {
}

.MainMenu_SubMenu {
}

.MainMenu_MenuBreak {
}

.MainMenu_MenuItemSel {
}

.MainMenu_MenuArrow {
}

.MainMenu_RootMenuArrow {
}

/* Login Styles */
.LoginPanel{
}

.LoginTabGroup{
}

.LoginTab {
}

.LoginTabSelected{
}

.LoginTabHover{
}

.LoginContainerGroup{
}

.LoginContainer{
}

.featured-box{ display: none;}
.section-padding{ padding: 60px 0;}
.registerrow h2, .homebnr h2, .embracerow h2, .empoweringrow h2, .featuresrow h2, .retailbox h2, .joinrow h2{ font-weight: 600; font-size: 40px; line-height: 50px; margin: 0 0 20px;}
.section-padding h2{ font-weight: 600; font-size: 36px; line-height: 46px; margin: 0 0 30px;}
.section-padding p, .section-padding a, .section-padding a:hover{ font-size: 16px; line-height: 24px;}
.registerrow p, .srvrow p, .srvbox p, .featuresrow p, .joinrow p{ font-size: 16px; line-height: 24px;}
.resgister-form{ background: #fff6f1; padding: 40px 40px 20px; border-radius: 10px; width: 420px; margin: 30px auto;}
.resgister-form label{ display: block; color: #333;}
.resgister-form input, .resgister-form textarea{ width: 100%; padding: 8px; border: none; border-radius: 5px; outline: none;}
.resgister-form textarea{ height: 90px;}
.resgister-form input[type=submit]{ background: #e6542e; color: #fff; text-transform: uppercase; font-weight: 600; font-size: 18px; min-height: 50px; margin-top: 15px;}
.resgister-form .form-group{ margin-bottom: 20px;}
.verifiedbox{ background: #eaf8f9; padding: 25px 25px 10px; border-radius: 6px; margin-top: 60px;}
.verifiedbox h4, .featuresrow h4{ font-size: 18px; font-weight: 600;}
.verifiedbox p{ font-size: 14px;}

.donaterow{ background: #fff6f1 url(/portals/0/Images/embrace-bg.png) no-repeat; background-size: cover; text-align: center; padding: 60px 0; margin-bottom: -22px;}
.donaterow h3{ text-transform: none; font-weight: 600; font-size: 24px; line-height: 36px; margin: 0 0 20px; padding: 0 200px;}

.homebnr{ background: url(/portals/0/Images/home-banner.jpg) no-repeat center bottom; padding: 100px 0; text-align: center;}
.homebnr h2{ padding: 0 160px; line-height: 56px; font-size: 36px; margin-bottom: 30px;}

.srvleft { max-width: 545px;}
.srvleft p, .srvleft a{ line-height: 28px; font-size: 16px !important;}
.srvbox{ background: #eaf8f9 url(/portals/0/Images/pattern1.png) no-repeat bottom right; border-radius: 20px; padding: 30px; margin: 30px 0;}
.srvbox.orange{ background: #f9efea url(/portals/0/Images/pattern2.png) no-repeat bottom right;}
.srvbox.yellow{ background: #f9f6ea url(/portals/0/Images/pattern3.png) no-repeat bottom right;}
.srvbox h4, .srvleft h4{ font-weight: 600;}
.srvlink{ color: #333; margin-top: 35px;}
.srvlink i{ margin-left: 6px;}
.srvlink a, .srvlink a:visited, .srvlink a:focus{ color: #333; font-size: 16px; font-weight: 600;}
.srvbox ul{ padding-left: 25px;}

.embracerow{ background: #fff6f1 url(/portals/0/Images/embrace-bg.png) no-repeat; background-size: cover; padding: 80px 0 330px;}
.embracerow h2{ margin: 0; padding-left: 50px;}
.embracerow img, .eventspg img, .srvrow img, .innermissionrow img{ border-radius: 10px; margin: 15px 0;}
.eventspgright{ padding-left: 50px;}

.empoweringrow{ margin-top: -250px;}
.empoweringrow h2{ font-size: 32px;}
.emprgbox{ background: #fff; border-radius: 20px; padding: 30px; box-shadow: 0 10px 20px rgba(0,0,0,0.05); height: 100%;}
.emprgbox p{ font-size: 16px; line-height: 24px;}
.emprgbox h3{ font-weight: 600; font-size: 30px; position: relative; z-index: 2; margin-top: 30px; text-transform: none;}
.emprgbox h3 span.num{ position: relative; z-index: 2;}
.emprgbox h3 span.circle{ position: absolute; left: 5px; width: 40px; height: 40px; background: #dbf6f9; border-radius: 50%; z-index: 1;}
.emprgbox h3.orange span.circle{ background: #f8e5dc;}
.emprgbox h3.yellow span.circle{ background: #f8f1d5;}
.embraceright{ position: relative;}
.embraceright .circleanim{ position: absolute; opacity: 0.5; left: -50px; bottom: -150px; animation:spin 8s linear infinite;}
@keyframes spin { 100% { transform: rotate(360deg); } }

.featuresrow h2{ margin-bottom: 30px;}
.featuresrow .ftrbox{ padding: 40px 30px; margin: 15px 0; border-radius: 20px; transition: all 300ms linear;}
.featuresrow .ftrbox h4, .ways2help h4{ font-size: 21px; margin-bottom: 24px;}
.featuresrow .ftrbox.filled, .featuresrow .ftrbox:hover{ background: #f1efed;}
.featuresrow .button { margin-top: 40px;}

.retailbox{ width: 1140px; margin: auto; background: #e6542e url(/portals/0/Images/retail-bg.jpg) no-repeat; border-radius: 20px; padding: 40px 100px 50px;}
.retailbox h2{ color: #fff; font-size: 36px;}
.retailbox p{ color: #fff; font-size: 16px; line-height: 24px;}
.retailbox .srvlink{ color: #fff; font-size: 18px;}
.retailbox .srvlink a, .retailbox .srvlink a:visited, .retailbox .srvlink a:focus{ color: #fff; font-size: 20px;}

.joinrow{ background: #fff6f1 url(/portals/0/Images/embrace-bg.png) no-repeat; background-size: cover; padding: 60px 0 100px; margin-bottom: -72px;}
.joinrow h2, .featuresrow h2{ font-size: 36px;}
.joinrow input, .srvbox input, .srvbox textarea{ width: 400px; background: #fff; border-radius: 8px; padding: 15px; border: none; display: block; margin: auto; box-shadow: 0 10px 20px rgba(0,0,0,0.06);}
.srvbox input, .srvbox textarea{ width: 100%;}
.srvbox textarea{ height: 120px;}
.srvbox.cntform{ padding: 50px 50px 25px;}
.joinrow input:focus, .srvbox input:focus, .srvbox  textarea:focus{ border: none; outline: none;}
.joinrow input[type=submit], .srvbox input[type=submit], .ctct-form-button{ background: #e6542e; color: #fff; text-transform: uppercase; font-weight: 600; margin: 20px auto 40px; font-size: 18px; box-shadow: none;}
.joinrow p{ margin-bottom: 30px;}

.body > #footer{ padding: 0 !important; margin-top: 0 !important;}
.body > #footer .footer-copyright{ margin: 0 !important; padding: 30px 0 !important; font-size: 14px; text-align: center;}
.socialmedias{ margin-top: 15px;}
.socialmedias a{ font-size: 22px; color: #777; margin: 0 8px; transition: all 300ms linear;}
.socialmedias a:hover{ color: #e6542e; font-size: 22px;}

.innerbnr{ padding: 80px 0; background: #e6542e url(/portals/0/Images/innerbnr.jpg) no-repeat center center;}
.innerbnr h2{ font-weight: 600; font-size: 40px; color: #fff; line-height: 50px; margin: 0; padding: 0; text-align: center;}
.missionrow h2{ font-weight: 600; font-size: 32px; color: #333; line-height: 50px; margin: 0 0 20px; padding: 0;}
/*.missionrow p{ font-size: 16px; line-height: 30px; color: #333; margin-bottom: 50px;}*/
.missionrow .button{ margin: 20px 10px;}
.ways2help{ background: #fff6f1 url(/portals/0/Images/embrace-bg.png) no-repeat; background-size: cover;}
.ways2help .emprgbox h3{ margin-top: 10px;}
.staffbox{ margin: 0 0 60px;}
.staffbox h4{ font-size: 22px; margin: 20px 0 10px;}
.staffbox p{ font-size: 18px;}

a.donatebtn, a.donatebtn:hover, a.donatebtn:visited, a.donatebtn:focus{ font-size: 1.2rem; line-height: 1.2rem; font-weight: 600; color: #fff !important; background: #e6542e; padding: 20px 30px; border-radius: 6px; margin: 20px 0 0; text-decoration: none; transition: all 300ms linear; display: inline-block;}
a.donatebtn i{ margin-left: 8px; font-size: 16px;}
a.donatebtn:hover{ background: #008994;}

span.highlight{ background: #fff; border-radius: 4px; padding: 10px; margin: 5px; display: inline-block;}
.dwnassetsrow img{ height: 220px; width: auto;}
.dwnassetsrow h4{ margin-top: 15px;}
.dwnassetsrow h2{ font-size: 30px;}
.dwnassetsrow hr{ background: #333 !important; margin: 30px 0 50px;}
.srvlink.dwnlink i{ margin: 0 5px 0 0; color: #e6542e;}
.srvlink.dwnlink a{ color: #e6542e;}

.innermissioncol{ padding-left: 40px;}
.innermissioncol a.donatebtn, .innermissioncol a.donatebtn:hover{ margin-right: 25px;}
.dwnassetbox{ padding: 20px; background: #f6f6f6; text-align: center; margin-bottom: 25px;}

.patrons .emprgbox p{ color: #e6542e; margin: 0;}

.button i{ margin-left: 8px; font-size: 16px;}
.button {
	pointer-events: auto;
	cursor: pointer;
	background: #e6542e;
    color: #fff;
	border: none;
	padding: 18px 30px;
	margin: 20px 0 0;
	font-family: inherit;
	font-size: inherit;
	position: relative;
	display: inline-block;
    font-weight: 600;
    text-transform: uppercase;
}
.button::before,
.button::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.button--calypso {
	overflow: hidden;
	font-size: 1.15rem !important;
	border-radius: 6px;
	color: #fff;
	text-decoration: none !important;
}
.button--calypso span {
	display: block;
	position: relative;
	z-index: 10;
}
.button--calypso:hover span {
	animation: MoveScaleUpInitial 0.3s forwards, MoveScaleUpEnd 0.3s forwards 0.3s;
}
@keyframes MoveScaleUpInitial {
	to {
		transform: translate3d(0,-105%,0) scale3d(1,2,1);
		opacity: 0;
	}
}

@keyframes MoveScaleUpEnd {
	from {
		transform: translate3d(0,100%,0) scale3d(1,2,1);
		opacity: 0;
	}
	to {
		transform: translate3d(0,0,0);
		opacity: 1;
	}
}
.button--calypso::before {
	content: '';
	background: #008994;
	width: 120%;
	height: 0;
	padding-bottom: 120%;
	top: -110%;
	left: -10%;
	border-radius: 50%;
	transform: translate3d(0,68%,0) scale3d(0,0,0);	
}
.button--calypso:hover::before {
	transform: translate3d(0,0,0) scale3d(1,1,1);
	transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
}
.button--calypso::after {
	content: '';
	background: #fff;
	transform: translate3d(0,-100%,0);
	transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
}
.button--calypso:hover::after {
	transform: translate3d(0,0,0);
	transition-duration: 0.05s;
	transition-delay: 0.4s;
	transition-timing-function: linear;
}

.link, .link:hover, link:visited {
    cursor: pointer;
    font-size: 16px;
    position: relative;
    white-space: nowrap;
    text-decoration: none;
    color: #333;
}

.link::before,
.link::after {
    position: absolute;
    width: 100%;
    height: 2px;
    background: currentColor;
    top: 100%;
    left: 0;
    pointer-events: none;
}

.link::before {
    content: '';
    /* show by default */
}

.link--metis::before {
    transform-origin: 100% 50%;
    transform: scale3d(0, 1, 1);
    transition: transform 0.3s;
}

.link--metis:hover::before {
    transform-origin: 0% 50%;
    transform: scale3d(1, 1, 1);
}

.customdnnform{ background: #fff2eb; margin-bottom: -22px;}
.customdnnform .DNNModuleContent{ width: 600px; margin: auto;}
.customdnnform .dnnRegistrationForm{ background: #fff;}
.customdnnform .dnnSocialRegistration, .ctct-gdpr-text, .ctct-form-footer{ display: none;}
.customdnnform .dnnActions{ padding-bottom: 15px;}
.ctct-form-embed.form_1 .ctct-form-defaults{ background: transparent !important;}
.ctct-form-button{ width: 400px; border-radius: 8px; margin-bottom: 0; padding: 15px; border: none; font-family: 'Open Sans'; font-weight: 600;}

@media (max-width:1399px){
.srvbox{ padding: 25px;}
.retailbox{ width: auto;}
}
@media (max-width:1199px){
.homebnr h2{ padding: 0;}
.srvbox.yellow{ margin-bottom: 0;}
.section-padding{ padding: 40px 0;}
.registerrow h2, .homebnr h2, .embracerow h2, .empoweringrow h2, .featuresrow h2, .retailbox h2, .joinrow h2, .empoweringrow h2{ font-size: 30px; line-height: 45px;}
.embracerow{ padding-bottom: 250px;}
.empoweringrow{ margin-top: -200px;}
.donaterow h3{ padding: 0 100px;}
}
@media (max-width:991px){
.srvleft{ max-width: inherit; margin-bottom: 30px;}
.embracerow{ padding-bottom: 40px;}
.empoweringrow{ margin-top: 40px;}
.emprgbox{ max-width: 400px; padding: 25px; margin: auto;}
.embracerow h2{ padding-left: 30px;}
.featuresrow .ftrbox{ padding: 25px; margin: 10px 0;}
.circleanim{ display: none;}
.registerrow{ margin-top: 40px;}
.ways2help .emprgbox{ max-width: inherit;}
.featuresrow .srvbox{ margin-bottom: 0;}
.featuresrow .srvbox.orange{ margin-bottom: 30px;}
.eventspgright{ padding: 0 0 50px;}
.innermissioncol{ padding-left: 0; padding-bottom: 40px;}
.srvbox.cntform{ margin-top: 40px !important;}
}
@media (max-width:767px){
.homebnr{ padding: 60px 0;}
.homebnr h2, .innerbnr h2{ font-size: 30px; line-height: 50px;}
.retailbox{ padding: 40px 50px 50px;}
.embracerow h2{ padding-left: 0; margin-bottom: 20px;}
.donaterow h3{ padding: 0;}
.innerbnr{ padding: 60px 0;}
}
@media (max-width:575px){
.joinrow input, .resgister-form{ width: 100%;}
.emprgbox{ max-width: 100%;}
.srvbox.cntform{ padding: 40px 30px 25px;}
}