/* Styles added by ISG 5/9/2017 */

html,
body {
    /* overflow-x: hidden; */
}

body * {
    hyphens: auto !important;
    overflow-wrap: break-word;
    word-break: break-word;
    word-wrap: break-word;
}
.outline-box {
    border: 1px solid #b2daee;
    padding: 15px;
    vertical-align: top;
}

.SHAPEbanner,
.SHAPEbanner img {
    object-fit: contain;
}

.videoWrapper {
    position: relative;
    padding-top: 56.25%;
    height: 0;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.header {
	padding-bottom: 0;
	border: none;
}
.header-bottom-container {
	clear: both;
}
#topnav {
	background: #27A9E1;
	width: 100%;
	/* display: flex; */
}
.nav-primary {
	margin: 0;
    float: none;
}
.nav-primary .RadMenu{
    float: none;
}
#navbar-collapse {
	width: 100%;
	background: #27A9E1;
	padding: 0px 12.5px;
}
.RadMenu.rmResponsive ul.rmRootGroup.rmHorizontal {
	width: 100%;
}

/* .navbar-collapse.collapse {
    width: 675px;
} */
 
.ste-section {
	display: none;
}
.RadMenu.rmResponsive .rmSlide .rmGroup {
	background: #27A9E1;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	/* min-width: 330px; */
}
#ctl01_Primary_NavMenu .rmSlide li  {
	width: 100%;
	float: none;
	clear: both;
}
#ctl01_Primary_NavMenu .rmSlide li a {
	font-size: 16px;
}
.rmResponsive .rmSlide .MegaDropDownMenu {
	padding: 15px 0;
}
.rmResponsive .rmSlide, .rmResponsive .rmSlide .rmGroup, .rmResponsive .rmSlide .rmLink, .rmResponsive .rmSlide .rmTemplate, .rmResponsive .rmSlide .rmSeparator{
    float: none;
}



@media (max-width: 963px) {
    .nav-primary {
        margin-top: 0;
    }
}

@media (max-width: 767px) {
    .navbar-collapse.collapse {
        width: 100%;
    }
    .SHAPEhomeLink {
        margin-bottom: 1em;
    }
  

    /***/
    .RadMenu .rmHorizontal .rmItem{
        width: 100%;
    }
    .RadMenu .rmItem a.rmLink {
        float: none;
    }
    .RadMenu .rmHorizontal .rmRootLink .rmToggle{
        width: auto;
    }
    .RadMenu.rmResponsive .rmToggle {
        float: right !important;
    }
    .RadMenu.rmResponsive .rmToggle .rmIcon{
        position: unset;
    }
    /****/
    
     
}

/* End ISG styles */

.button_roundcorner {
    background-color: #ff9800;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#efcd2d), to(#ff9800));
    background-image: -webkit-linear-gradient(top, #efcd2d, #ff9800);
    background-image: -moz-linear-gradient(top, #efcd2d, #ff9800);
    background-image: -ms-linear-gradient(top, #efcd2d, #ff9800);
    background-image: -o-linear-gradient(top, #efcd2d, #ff9800);
    background-image: linear-gradient(to bottom, #efcd2d, #ff9800);
    overflow: hidden;
    display: table-cell;
    padding: .5em;
    width: auto;
    font-size: 1.5em;
    color: #fff;
    border: 2px #ff9800 solid;
    border-radius: .5em;
}

.button_roundcorner a {
    color: #fff;
    text-decoration: none;
}

.panel-body,
.PanelBody {
    padding: 0 0px 10px 0px;
}

.outline-gray {
    border: 1px solid #cccccc;
    padding: 10px;
}

.button_blue {
    font-size: 18px;
    border: 1px solid #27aae1;
    border-radius: 30px;
    padding: 9px;
    text-align: center;
    max-width: 300px;
    margin: 5px auto;
    transition: all 0.2s ease;
    display: block;
    background-color: #27aae1;
    color: #fff;
    font-weight: bold;
    line-height: 20px;
}
.button_blue:hover {
    max-width: 320px;
    background-color: #fff;
    color: #27aae1;
    transition: all 0.2s ease;
}
.button_blueOutline {
    font-size: 18px;
    border: 1px solid #27aae1;
    border-radius: 30px;
    padding: 9px;
    text-align: center;
    max-width: 300px;
    margin: 5px auto;
    transition: all 0.2s ease;
    display: block;
    background-color: #fff;
    color: #27aae1;
    font-weight: bold;
    line-height: 20px;
}
.button_blueOutline:hover {
    max-width: 320px;
    background-color: #27aae1;
    color: #fff;
    transition: all 0.2s ease;
}
.button_orange {
    background-color: #fb9d2b;
    color: #fff;
    font-size: 18px;
    border: 1px solid #fb9d2b;
    border-radius: 30px;
    padding: 9px;
    text-align: center;
    max-width: 300px;
    margin: 5px auto;
    transition: all 0.2s ease;
    display: block;
    font-weight: bold;
    line-height: 20px;
}
.button_orange:hover {
    max-width: 320px;
    background-color: #fff;
    color: #fb9d2b;
    transition: all 0.2s ease;
}
.button_orangeOutline {
    background-color: #fff;
    color: #fb9d2b;
    font-size: 18px;
    border: 1px solid #fb9d2b;
    border-radius: 30px;
    padding: 9px;
    text-align: center;
    max-width: 300px;
    margin: 5px auto;
    transition: all 0.2s ease;
    display: block;
    font-weight: bold;
    line-height: 20px;
}
.button_orangeOutline:hover {
    max-width: 320px;
    background-color: #fb9d2b;
    color: #fff;
    transition: all 0.2s ease;
}
.blue-box {
    padding: 20px;
    background-color: #e2f7fd;
    border: 1px solid #c2e0e9;
}

.blue-headerBox {
    padding: 15px;
    background-color: #63c4ee;
    color: #fff;
    font-style: normal;
    font-family: "Arial Black", Arial;
    font-weight: 800;
    font-size: 20px;
}
.outline-roundedBox {font-size: 18px;border: 1px solid #fb9d2b;border-radius: 10px;padding: 9px;text-align: center;}
.button_orange a {
    color: #fff !important;
}

/* BELOW IS IMPORTED FROM styleEnlighten.css on SHAPE mockup */

/* Default Link Styles */

a {
    color: #008CBA;
    line-height: inherit;
    text-decoration: none;
}

a:hover {
    color: #0078a0;
}

a img {
    border: none;
}

/* Default header styles */

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #222222;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    line-height: 1.1;
    margin-bottom: 0.5rem;
    margin-top: 0.2rem;
    text-rendering: optimizeLegibility;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    color: #6f6f6f;
    font-size: 60%;
    line-height: 0;
}

h1 {
    font-size: 2.125rem;
}

h2 {
    font-size: 1.6875rem;
}

h3 {
    font-size: 1.375rem;
}

.top-menu {
    float: right;
    margin: 93px 10px 0 0;
    bottom: 0;
    postion: absolute;
    top: 0px;
}

.top-menu a {
    text-decoration: none;
    font-family: Arial;
    color: #000;
}

.top-menu li {
    list-style: none;
    padding: 5px 25px 0 15px;
    display: inline;
    font-size: 12px;
    font-weight: normal;
    border-left: 2px solid #118afb;
}

/* ABOVE IS IMPORTED FROM styleEnlighten.css on SHAPE mockup */

.RadMenu.rmResponsive .rmLink, .RadMenu.rmResponsive .rsmLink{
    color: #fff;
}

.RadMenu.rmResponsive .rmSelected > .rmRootLink,
.RadMenu.rmResponsive .rmFocused > .rmRootLink,
.SHAPEhomeLink {
    background: none;
    color: #fff;
    font-family: arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
}

.RadMenu.rmResponsive .rmRootLink:hover,
.RadMenu.rmResponsive .rmRootLink:focus,
.RadMenu.rmResponsive .rmExpanded > .rmRootLink {
    /* root item hover and focus styles */
    background: none;
    color: #fff;
}
.RadMenu.rmResponsive .rmRootGroup > .rmItem > .rmLink {
	text-transform: none;
}

.RadMenu.rmResponsive .rmSelected > .rmRootLink,
.RadMenu.rmResponsive .rmFocused > .rmRootLink a,
.SHAPEhomeLink a {
    color: #fff;
    font-family: arial, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: bold;

}

#ctl01_Primary_NavMenu li a {
    border-top: solid #ffaf3c 1px;
    font-family: arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    color: red;
}


#ctl01_Primary_NavMenu li a {
    border-top: none;
    font-family: arial, sans-serif;
    font-size: 19px;
    font-style: normal;
    font-weight: bold;
    color: #fff;
    /* padding: 0px 25px 0 15px; */
}

.SHAPEhomeLink {
    padding: 10px 15px;
    font-family: arial, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: normal;
    background-image: url();
    background-repeat: no-repeat;
    background-position: 0;
}

#navbar-collapse.collapse {
    display: block;
    /* padding-left: 0; */
    /* width: 675px;*/
    /*REMOVED 5/9/2018 - THIS BREAKS RESPONSIVENESS*/
    /* margin-top: 80px;*/
}

.RadMenu.rmResponsive .rmSlide .rmGroup{
    background-color: #00c2ff;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 0;
}
.RadMenu.rmResponsive .rmLink{
    padding: 5px 0px;
}
 .RadMenu.rmResponsive .rmSlide .rmLink{
    padding: 5px 15px;
}
.RadMenu.rmResponsive .rmGroup .rmText{
    padding: 0px;
    margin: 0px;
}

@media (max-width:767px) {
    .SHAPEhomeLink {
        text-align: left;
        padding-left: 10px;
        padding-bottom: 10px;
        padding-top: 10px;
        background-image: url(https://www.shapeamerica.org/App_Themes/Austin-Responsive-SHAPE-Convention/none);
    }
}

/*Float classes*/

.floatLeft, .floatLeft33, .floatLeft50, .imgFloatLeft {
    float: left;
}

.floatRight, .floatRight33, .floatRight50 {
    float: right;
}

.floatLeft33, .floatRight33 {
    width: 32%;
}

.floatLeft50, .floatRight50 {
    width: 49%;
}

.imgFloatLeft {
    margin-right: 20px;
}

@media (max-width:767px) {
    .floatLeft, .floatRight, .floatLeft33, .floatRight33, .floatLeft50, .floatRight50, .imgFloatLeft {
        float: none;
        width: 95%;
        margin: 10px auto;
        display: block;
    }
}

/* End Float Classes */ 


.HeaderImageContainer {
    width: 100%;
    text-align: center;
    background-image: url("https://www.shapeamerica.org/images/convention/blue-background2.jpg");
}

#ctl01_InteriorHeader,
.SectionNameContainer {
    margin: 0 auto;
    max-width: 1000px;
}


#ctl01_InteriorPageName {
    font-size: 48px;
    line-height: 40px;
    color: #b3bc1f;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-family: 'AvenirNextLTW01-BoldCn', Arial Black, sans-serif;
    padding-left: 5px;
    padding-top: 15px;
    padding-bottom: 15px;
    display: block;
}

#masterHeaderBackground,
.header {
    border-bottom: none;
}

/* Class used to contain the various pieces of the master page */

.container,
.header-container,
.SliderPage1 {
    max-width: 1200px;
}

/* Align footer content to left and position objects */

.footer-content {
    text-align: left;
    background: #33567e;
    border-top: 5px solid #0e76bc;
    color: rgb(255, 255, 255);
    font-size: 17px;
}

.footer-content a {
    text-decoration: none;
}

.footer-content ul {
    list-style: none;
}

.block h1,
.block h2 {
    font-size: 21px;
    color: #fff;
}

.block h2 {
    border-bottom: 1px #acd7ec solid;
}

.block img {
    margin: 0 10px 10px 0;
}

.block ul {
    padding-left: 0px;
}

#name.block div {
    font-size: 12px
}

#quicklinks h2,
#quicklinks h2 > strong,
#explore h2,
#explore h2 > strong,
#getinvolved h2,
#getinvolved h2 > strong {
    font-family: arial;
    font-weight: bold;
    font-size: 1.2em;
    border-bottom: 1px solid #bddbe7;
    padding-bottom: 5px;
    margin-bottom: .6em;
    margin-top: .5em;
    line-height: 1.4em;
}


/* hide space beneath footer content */

.footer-nav-copyright {
    display: none;
}

h1,
h1 > strong {
    font-size: 36px;
    font-family: Arial;
    font-weight: normal;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 20px;
	color: #000000;	

}


h2 {
    font-family: Arial;
    font-size: 26px;
    line-height: 30px;
    font-weight: bold !important;
    border-bottom: none !important;
    margin-bottom: 20px;
}
h3 {
    font-family: Arial;
    font-size: 20px;
    line-height: 25px;
    font-weight: bold !important;
    border-bottom: none !important;
    margin-bottom: 20px;
}

#navbar-collapse.collapse {
    display: block;
    /* padding-left: 10px */;
}

#SimpleSearchBlock {
    display: none;
}

.auth-link-container {
    display: none;
}

.navbar-collapse {
    background: none;
}

.header-container {
    width: 100%;
}

@media (min-width: 992px) {
    .has-secondary-col .col-primary {
        width: 100%;
    }
}

.col-secondary {
    display: none;
}

#auxiliary-container {
    display: none;
}


hr {
    margin-top: 0;
    margin-bottom: 0;
}
/* 
.col-sm-3-SHAPEhome,
.col-sm-9-SHAPEhome,
.col-sm-4-SHAPEhome,
.col-sm-8-SHAPEhome,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1 {
    padding-bottom: 20px;
} */


/* BANNER CUSTOM CSS */

.SHAPEbanner {
    background-color: #ffb36f;

}



ul.ListStyle1 {
    list-style-image: url('https://www.shapeamerica.org/images/SHAPE/listStyle1.gif');
    padding-left: 1.75em;
}

ul.ListStyle1 li {
    padding: .1em 0;
}

ul.ListStyle2 {
    list-style-image: url('https://www.shapeamerica.org/images/SHAPE/arrow-orange-bullet.png');
    padding-left: 1.75em;
}

ul.ListStyle3 {
    list-style-image: url('https://www.shapeamerica.org/images/SHAPE/listStyle3.gif');
    padding-left: 1.75em;
}

.orange-box {
    padding: 20px;
    background-color: #fff8de;
}

.orange-headerBox {
    padding: 15px;
    background-color: #ffaa43;
    color: #fff;
    font-style: normal;
    font-family: "Arial Black", Arial;
    font-weight: 800;
    font-size: 20px;

}

.RadMenu.rmResponsive .rmRootGroup > .rmItem > .rmLink{
    font-size: 19px;
}
.navbar-collapse.nav-primary{
    display: block;
}
.TopAd{
    padding-top: 15px;
}
.TopAd .row{
   margin-left: 0px;
   margin-right: 0px;
}
.TopAd .col-sm-12{
    padding-bottom: 0px;
}

.SHAPEbanner .row{
    margin-left: 0px;
    margin-right: 0px;
}

.rmResponsive .rmSlide .rmLink:hover, .rmResponsive .rmSlide .rmLink:focus, .rmResponsive .rmSlide .rsmLink:hover, .rmResponsive .rmSlide .rsmLink:focus, .rmResponsive .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink:hover, .rmResponsive .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink:focus{
    color: #fff;
}


@media (min-width: 768px) and (max-width: 999px) {
	#ctl01_Primary_NavMenu li a,
	.RadMenu.rmResponsive .rmSelected > .rmRootLink,
	.RadMenu.rmResponsive .rmFocused > .rmRootLink a,
	.SHAPEhomeLink a {
		font-size: 16px;
	}
}
@media (min-width: 768px) {
	.RadMenu.rmResponsive ul.rmRootGroup.rmHorizontal {
		display: flex;
		justify-content: space-between;
	}
    .RadMenu.rmResponsive .rmSlide .rmText{
        padding-right: 0px;
    }
    .RadMenu.rmResponsive .rmSlide .rmGroup {
		min-width: 300px;
        width: 100%;
	}
    .RadMenu.rmResponsive .rmSlide .rmItem{
       white-space: normal;
    }
    .RadMenu.rmResponsive .rmLink{
        padding: 12px 15px;
    }
}
@media (min-width: 600px) {
	

}
/*BEGIN SHAPE HOTFIX*/
/*APRIL 4, 2025*/
/*RESETS ANY STYLES ASSOCIATED WITH CLASS no.mqs*/
/*RESULT: MOBILE LAYOUT REPAIRED, DESKTOP GHOST SPACES HIDDEN*/
.no-mqs .container,
.no-mqs .header-container,
.no-mqs .SliderPage1 {
  min-width: inherit;
}

.no-mqs .has-secondary-col .col-primary {
  width: inherit;
}
.no-mqs .has-secondary-col .col-secondary {
  width: inherit;
}
.no-mqs .has-secondary-col.col-on-right .col-primary {
  float: none;
  margin-right: 0;
}
.no-mqs .has-secondary-col.col-on-right .col-secondary {
  float: none;
}
.no-mqs .has-secondary-col.col-on-left .col-primary {
  float: none;
  margin-left: 0;
}
.no-mqs .has-secondary-col.col-on-left .col-secondary {
  float: none;
}
.no-mqs .RadMenu.rmResponsive .rmItem {
  white-space: initial;
}
.no-mqs .nav-primary {
  margin-top: 0;
}
.header-container {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 768px) {
  .RadMenu.rmResponsive .rmLink {
      padding: 12px 5px;
  }
}
/*APRIL 4, 2025*/
/*END SHAPE HOTFIX*/