/* === Mobile === */

@media (max-width: 699px) {
    .promotions-Mobile {
        padding-top: 93px !important;
    }
    .hide-Mobile {
        display: none !important;
    }
    .hide-Full {} .pshDown {
        margin-top: 0px;
    }
    .footer-bg {
        padding-top: 15px !important;
        min-height: 140px !important;
    }
    .overlay-title {
        font-weight: 200;
        margin-top: 25px;
        padding-bottom: 16%;
    }
    .overlay-parg {
        font-size: 2.1em;
        padding-bottom: 5em;
        min-height: -70%;
    }
    .overlay-title,
    .overlay-parg {
        color: #fff;
        line-height: 1.2em !important;
        padding-bottom: 0.2em;
        text-align: left;
        color: #fff;
        text-align: left;
        padding-left: 2%;
        height: 50%;
    }
    
    .promotions-Mobile .overlay-title, .promotions-Mobile .overlay-parg{
		padding-left:0 !important;
	}
	.PromoBox_OneThird .overlay-title,  .PromoBox_full .overlay-title{
	    font-size: 1.778em !important;
	    line-height:1.2 !important;	
	}
	.PromoBox_Half .overlay-title {
	    font-size: 1.444em !important;
	    line-height:1.1 !important;
	}
	#headerTitle{
		display:none;
	}

}
/* === For Desktop === */

@media (min-width: 1920px) {
    .grey-parg ul {
        width: 100% !important;
    }
}
@media (max-width: 320px) {
    .grey-parg ul {
        width: 320px !important;
    }
}
@media (min-width: 700px) and (max-width: 5200px) {
    .hide-Mobile {} .hide-Full {
        display: none !important;
    }
    .pshDown {
        margin-bottom: 0px!important;
    }
}
/* === END === */

@media (max-width: 699px) {
    body {
        font-family: hrpa-font !important;
        font-size: 1em;
        background-color: #fff;
        overflow: hidden;
    }
    
h1,
h2,
h3,
h4,
h5
{
    font-family: hrpa-title !important;
    color: #532d6d !important;
    margin:0 0 15px 0 !important;
}
h1 {
    font-size: 2em !important;
/*    font-size: 48px;
    margin-bottom: 0;
         padding-left: 5px;
        padding-right: 5px;*/
}
h2 {
    font-size: 1.556em !important;
/*    font-size: 32px;*/
    /*margin-bottom: 0;
    padding-right: 10px;*/
}
h3 {
    font-size: 1em !important;
/*    font-size: 28px;
    margin-bottom: 0;
    padding-right: 10px;*/
}
h4 {
    font-size: 1em !important;
/*    font-size: 16px;
    margin-bottom: 0;
    padding-right: 10px;*/
}
h5 {
    font-size: 0.8em;
/*    font-size: 13px;
    margin-bottom: 0;
    padding-right: 10px;*/
}
p {
    font-size: 1em;
/*    font-size: 26px;*/
}
a {
    color: inherit !important;
    text-decoration: none;
}
i {
    font-family: hrpa-font;
/*    font-size: 26px;*/
    font-size: 1.6em;
    font-style: italic;
}
    
    
    h1,
    h2,
    h3,
    h4,
    h5 {
        font-family: hrpa-title !important;
        /*padding-left: 5px;
        padding-right: 5px;*/
    }
    /*h1 {
        font-size: 36px;
    }
    h2 {
        font-size: 28px;
    }
    h3 {
        font-size: 18px;
    }
    h4 {
        font-size: 1em;
    }
    h5 {
        font-size: .83em;
    }*/
    p {
        /*padding-left: 5px;
        padding-right: 5px;
        font-size: 20px;*/
    }
    
    /* Font sizes for the custom ribbon */
    p.hrpa-styleStyle-p {
	    -ms-name: "Paragraph";
	    font-size: 1em;
		/*font-size: 26px;*/
	    font-family: hrpa-font !important;
	    color: inherit;
	    line-height: 1.4em;
	    /*color: #532d6d !important;*/
	}
	h1.hrpa-styleElement-h1 {
	    -ms-name: "Heading 1";
	    font-size: 2em !important;
		/* font-size: 48px;*/
	    margin-bottom: 0;
	    /*padding-right: 10px;*/
	    font-family: hrpa-title !important;
	    line-height: 1.4em;
	    color: #532d6d !important;
	}
h2.hrpa-styleElement-h2 {
    -ms-name: "Heading 2";
    font-size: 1.556em !important;
	/* font-size: 32px;*/
    /*margin-bottom: 0;
    padding-right: 10px;*/
    font-family: hrpa-title !important;
    line-height: 1.4em;
    color: #532d6d !important;
}
h3.hrpa-styleElement-h3 {
    -ms-name: "Heading 3";
    font-size: 1em !important;
    /*margin-bottom: 0;
    padding-right: 10px;*/
    font-family: hrpa-title !important;
    line-height: 1.4em;
     color: #532d6d !important;
}
h4.hrpa-styleElement-h4 {
    -ms-name: "Heading 4";
    font-size: 1em !important;
    /*margin-bottom: 0;
    padding-right: 10px;*/
    font-family: hrpa-title !important;
    line-height: 1.4em;
     color: #532d6d !important;
}
a.hrpa-styleStyle-hover-right {
    -ms-name: "Link Hover";
    color: #532d6d;
    text-decoration: none;
    font-size: 1.444em;
/*    font-size: 26px;*/
    font-family: hrpa-font !important;
    line-height: 1.4em;
}
i.hrpa-styleElement-i {
    -ms-name: "italic";
    font-style: italic;
     color: #532d6d !important;
}
span.hrpa-styleStyle-span {
    -ms-name: "Span";
     color: #532d6d !important;
}
    /* END // */
    
    
    .pshDown10 {
        padding-top: 0px;
        position: relative;
        left: -40px;
    }
    .footer-parg {
        /*padding-left: 10px;*/
    }
    .hrpa-overlay {
        position: absolute;
        width: auto !important;
        height: 25%;
        margin-right: auto !important;
    }
    .purp-title {
        font-size: 32px;
        font-weight: 100;
        color: #fff;
        line-height: 1.2em;
        padding: 84px 0 33px 0 !important;
    }
    .openSearch {
        position: relative;
        left: -4px !important;
    }
    .grey-title {
        padding: 100px 0 40px 0 !important;
    }
    #bottomgraytitle {
        padding: 0px 0 51px 0 !important;
    }
    .news-bg.serachResultsList #bottomgraytitle {
        padding: 0px 0 10px 0 !important;
    }
    .page-buttons {
        padding-left: 17px;
        position: relative;
        top: 5px;
    }
    .g-bottom {
        position: relative;
        left: -5px !important;
        margin-top: 10px !important
    }
    /* === Grey Section === */
    .grey-parg {
        font-size: 20px !important;
        /*padding-left: 17px;*/
        position: relative;
        /*top: -20px;*/
    }
    .grey-parg li:first-child {
        text-transform: uppercase;
        font-weight: 800;
    }
    .grey-parg li:last-child {
        text-transform: uppercase;
        font-weight: 800;
    }
    .grey-bg,
    .grey-bg2,
    .grey-bg3 {
        position: relative;
        top: -4px;
        z-index: 0;
    }
    .TopLevelNav .grey-bg{
		background-image:none;	
	}
    .grey-parg ul {
        margin: 2em 0 2.5em -0.5em;
        padding: 0;
        list-style-image: none !important;
        overflow: auto;
        overflow-x: hidden;
        height: 356px;
        width: 600px;
        padding-right: 10%;
    }
    .grey-parg li:nth-child(1) {
        border-bottom: none !important;
    }
    .tn-1,
    .tn-2,
    .tn-3,
    .tn-4,
    .tn-5 {
        padding-top: 93px;
    }
    /* === END === */
    /* === Purple Section === */
    .g-top {
        background-image: url('../images/top-g.png');
        background-repeat: no-repeat;
        width: 478px;
        min-height: 98px;
        margin-bottom: 106px !important;
        float: right;
        position: relative;
        left: 14px;
    }
    .pull-left {
        float: inherit !important;
    }
    .pull-right {
        float: inherit!important;
    }
    .purple-bg {
        padding: 0px 0 0px 0 !important;
    }
    .box-title {
        font-size: 1em !important;
        font-weight: 100;
        color: #fff;
        line-height: 2.5em !important;
        padding-left: 17px !important;
        padding-bottom: 11px !important;
        padding-top: 16px !important;
    }
    .boxnav ul li {
        display: inline;
    }
    .boxnav ul li a {
        text-decoration: none;
        padding: .2em 1em;
        color: #fff;
        background-color: #036;
    }
    .boxnav ul li a:hover {
        color: #fff;
        background-color: #000;
    }
    .boxnav-parg ul {
        padding-left: 17px !important;
        overflow: auto;
        overflow-x: hidden;
        height: 356px;
        width: 699px;
        padding-right: 25% !important;
    }
    .boxnav-parg li {
        display: block !important;
        width: 293px;
    }
    .boxnav-parg li:last-child {
        border-bottom: none;
    }
    .boxnav-parg a {
        padding: 0.43em 0.63em;
	display: inline-block;
        	background-color: transparent;
        	text-decoration: none;
        margin-bottom: 1em;
        	margin: 12px 0px 9px;
        	font-size: 1.4em !important;
        	border: 1px solid #a192b3 !important;
        	color: #fff;
    }
    .boxnav-parg a:hover {
        background-color: #FFCE07;
        color: #000;
    }
    .page-buttons a {
        border: none !important;
        color: #ffce00 !important;
    }
    /* === END // === */
    /* === Search === */
    .search-mobile .input-lg {
        width: 100% !important;
        font-size: 1.2em !important;
        color: #fff !important;
    }
    /* === END === */
    #mobilepromotions>.container-fluid>.row>div:nth-child(3) {
        /* font-size: 0.8em; */
    }
    #mobilepromotions>.container-fluid>.row>div:nth-child(4) {
        /* font-size: 0.8em; */
    }
    #mobileheadercontainer {
        padding-right: 12%;
    }
    .overlay-title {
        margin-top: 2px !important;
        padding-bottom: 16%;
        font-size: 2.3em;
    }
    .overlay-parg {
/*        font-size: 2.1em;*/
        padding-bottom: 5em;
        min-height: -70%;
    }
    .overlay-title,
    .overlay-parg {
        color: #fff;
        line-height: 1.2em;
        padding-bottom: 0.2em;
        text-align: left;
        color: #fff;
        text-align: left;
        padding-left: 3.8% !important;
        padding-right: 5% !important;
        padding-top: 31px;
    }
    .large-date {
        font-size: 1em;
        font-weight: 800;
    }
    .small-date {
        font-size: 1em;
    }
    .btm-border {
        margin: 15px 0 20px 0px !important;
    }
    .input-lg {
        width: 52% !important;
    }
    .news-bg.serachResultsList .input-lg {
        width: 100% !important;
    }
    .perks-parg {
        width: 100% !important;
    }
    .sr-parg {
        width: 100% !important;
    }
    .sr-title {
        font-size: 1em;
        font-weight: 100;
        color: #532D6D;
        line-height: 1.2em;
        margin-top: 30px !important;
    }
    .psh-top40 {
        margin-top: 23px !important;
    }
    div.article,
    div.welcome {
        padding: 10px 0px;
        padding-top: 70px !important;
    }
    .boxnav-parg {
        padding-top: 0px;
        !important;
    }
    .tiles {
        background-repeat: no-repeat;
        background-size: cover;
        min-width: 109% !important;
        background-position: right;
        position: relative;
        left: -16px;
    }
    .openSearch {
        position: relative;
        left: 25px !important;
        top: -1px;
    }
    .hamb-bg {
        font-size: 1.7em;
        line-height: 1em;
        /*        box-shadow: 0px 5px 11px #ccc;*/
        margin-bottom: 0px !important;
        padding-top: 0px !important;
        z-index: 3 !important;
        margin-left: 20px !important;
    }
    .hamb-bg,
    .hamb-bg2,
    .hamb-bg3 {
        min-height: 0px !important;
    }
    .pshDown {
        margin-top: 0px;
        /*        margin-bottom: -42px !important;*/
    }
    .botPad {
        padding-bottom: 7px !important;
    }
    .TopLevelNav {
        padding-top: 97px;
    }
    .TopLevelNav ul {
        font-size: 1em !important;
	    margin: 2em 0;
	    padding: 0;
	    list-style-type: none;
	    list-style-image: none !important;
	}
	.TopLevelNav li {
	    margin: 0 0 .2em 0;
	    border-bottom: 1px solid #c0c0c0;
	    padding: 5px 0 5px 0px;
	}
	.TopLevelNav .grey-parg li {
	    border-top: 1px solid #c0c0c0;
	    border-bottom:none;
	}
	.TopLevelNav li:last-child {
	    border-bottom: none;
	}
	.TopLevelNav a {
	    display: block;
	    color: #542d6d;
	    /*background-color: #036;*/
	    width: 100%;
	    padding: .2em .1em;
	    text-decoration: none;
	}
    
    .purple-bg-mobile {} .hamb-bg,
    .hamb-bg2,
    .hamb-bg3 {
        min-height: 0px;
    }
    .sticky {
        position: fixed;
    }
    .sticky-mobile {
        position: fixed;
        width: 110% !important;
        background-color: #fff;
        z-index: 50;
        margin-left: 0!important;
    }
    #purplesection,
	#topgreysection,
	#bottomgreysection,
	#graysection,
	.col-lg-12.fill-b.purple-Zone-De-Tr,
	.col-lg-12.fill-b.purple-Zone-Ar-Vi,
	#graywebparts
	 {
	    margin: 40px 0 70px 0;
	}

    
    
    /* ===========================================| Event Listing And Description |================================================= */
	.eventHeader{
		margin-top:30px !important;;
	}
	.eventDesGrayText{
		margin-bottom:20px;
	}
	.eventDesGrayText-small{
		margin-top:-15px;
		margin-bottom:20px;
	}
	.eventDetailsbanner{
		margin-bottom:30px !important;
	}
	.eventDescriptionText{
		font-size:1.556em !important;
		line-height:1.2 !important;
		letter-spacing:normal !important;
		margin-bottom:30px !important;
	}
	.learningObjectives{
		padding:0 !important;
	}
	.learningObjectives h3, .learningObjectives p{
		padding-left:0 !important;
	}
	.learningObjectives ul, .learningObjectives p{
		font-size:1em !important;
	}
	.learningObjectives ul{
		list-style-image:url('../images/square-big-mobile.jpg') !important;
		margin:0 0 30px 22px !important;
	}
	.learningObjectives ul li{
		padding-left:12px !important;
	}
	.classesDetails h4 {
		margin:0 0 5px 0  !important;
		font-size:1.222em  !important;
	}
	.classesDetails p {
		margin:0 0 25px 0  !important;
	}
	.register a{
		width:auto  !important;
	}
	.speakerDetails img{
		margin-bottom:30px  !important ;
	}
	.eventListing{
		border-top:none  !important ;
		padding:30px 0 0 0  !important;
	}
	.eventIntro{
		border-bottom:1px solid #ced1cd;
		padding:0 0 15px 0;
	}
	.eventIntro h5{
		margin:25px 0 5px 0  !important;
	}
	.listFilters a{
		display:block  !important;
		text-align:center;
	}
	.listFilters select{
		margin-bottom:15px;
	}
	.HRPAEventsCalendar .listFilters .input-lg{
		width:100%  !important;
	}
	
	
	
	
	
	/* ===========================================| Error Pages |================================================= */	
	.wr_500Error .HRPA_logo{
		height:50px !important;
	}
	.wr_500Error .large-title {
	    font-size: 3em;
	}
	.wr_500Error .large-parg{
		font-size:2.2em !important;
		margin-top:10px !important;
	}
	.wr_500Error .large-contact a{
		font-size:1.2em !important;
	}
	.wr_500Error{
		margin-bottom:80px !important;
	}
	
	
	/* ===========================================| Search Results |================================================= */
	.ms-srch-item .sr-title{
		margin-top: 0px !important;
	}
	.sr-parg {
		padding: 0 15px 10px 15px;

	}
	.ms-srch-item .col-md-2 .sr-title{
		padding: 10px 15px 25px 15px;
	}

    
    .hide-Full .querySwitcher{
		background:#e5e5e5;
		padding:40px 15px;
		margin-bottom:70px;
	}
	.hide-Full .querySwitcher select.form-control{
		border:#cbcbcb 1px solid;
		width:100% !important;
	}
	.hide-Full .querySwitcher select.form-control{
		border:#cbcbcb 1px solid;
		font-size:1em!important;
	}
	.news-bg.serachResultsList .col-md-9.col-sm-9 .sr-title{
		padding:35px 0px 3px 0px !important;
	}
	.news-bg.serachResultsList .ms-srch-item:first-child .col-md-9.col-sm-9 .sr-title{
		padding-top:0px !important;
	}
	.news-bg.serachResultsList .g-top{
		margin-bottom:0 !important;
	}
	.news-bg.serachResultsList .col-md-3 .hrpa-title.sr-title{
		padding:0 0px 20px 0;
	}
	.serachResultsList #graywebparts{
		margin-bottom:40px !important;
	}
	
}


@media (max-width:767px){
	/* ===========================================| HRPA Responsive Table Styles |================================================= */
	.responsive-table thead {
		position:absolute !important;
		clip:rect(1px 1px 1px 1px) !important;
		clip:rect(1px, 1px, 1px, 1px) !important;
		padding:0 !important;
		border:0 !important;
		height:1px !important;
		width:1px !important;
		overflow:hidden !important;
	}
	.responsive-table tbody td {
		border-bottom:none !important;
	}
	.responsive-table tr, .responsive-table th, .responsive-table td {
		display:block !important;
	}
	.responsive-table tbody th[scope="row"] {
		background-color:#522e6e !important;
		color:#fff !important;
	}
	.responsive-table tbody td {
		text-align:left !important;
		border-top:1px solid #ccc !important;
	}
	.responsive-table td{
		padding:1em 0.6em !important;
	}
	.responsive-table tbody tr:nth-of-type(even){
		background:#fff !important;
	}
	.responsive-table tbody tr:hover, .responsive-table tbody tr:nth-of-type(even):hover{
		background-color:inherit !important;
		color:inherit  !important; 
	}
	.responsive-table tbody tr:hover th, .responsive-table tbody tr:nth-of-type(even):hover th{
		color:inherit  !important; 
	}

}