/*
Theme Name: Layers for Elementor
Description:  Layers is a revolutionary new way to create websites with WordPress. Now you can create beautiful, responsive pages faster and easier than ever. Whether you're a pro or have never used WordPress before, Layers will get you up to speed quickly and give you a jump-start on your layout with pre-existing templates or a blank page, ready for your content. With a simple point-and-click editor built right into the WordPress customizer, you simply select what you want to change, change it, and you're done. You're always in control, and always working with a live, front-end view of your website. Pages are built by stacking content widgets together. The unique and powerful Layers Design Bar connected to each widget is where the magic happens. Here you choose the options for the display of your content. It's so simple and intuitive, you'll be a pro the first time you use it. Layers reacts to the content you give it, generating balanced, mobile-ready layouts without requiring a line of code. Layers is free, and always will be and you can take Layers even further with quality child themes and extensions which give you more functionality and more ways to display your content.
Layers is WordPress made easier.
Author: Elementor
Author URI: https://www.layerswp.com/
Theme URI: https://www.layerswp.com/
Version: 1.0.3
Tags: slider, site-builder, page-builder, responsive-layout, fixed-layout, fluid-layout, one-column, one-column, two-column, three-column, four-column, custom-colors, custom-header, custom-menu, editor-style, featured-images, translation-ready, full-width-template, theme-options
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: layerswp
*/


.hp-about-main-container ul {
	margin: 0 0 0 40px;
}

.hp-about-main-container ul li {
	list-style: disc;
}

.our-classes .left-content:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    right: -18px;
    top: 94px;
    bottom: calc(50% - 10px);
    border-style: solid;
    border-width: 20px 0 20px 18px;
    border-color: transparent transparent transparent #0091b3;
    z-index: 9;
}

.our-classes .right-content:before {
	content: '';
    width: 0;
    height: 0;
    position: absolute;
    left: -18px;
    top: 84px;
    bottom: calc(50% - 10px);
    border-style: solid;
    border-width: 20px 18px 20px 0;
    border-color: transparent #76c4d5 transparent transparent;
}

.page-template:not(.home) .elementor-text-editor ul {
	padding-left: 40px;
	margin-bottom: 10px;
}

.page-template:not(.home) .elementor-text-editor ul li {
	list-style: disc;
}

.page-template:not(.home) .elementor-text-editor ol {
	padding-left: 40px;
	margin-bottom: 10px;
}

.page-template:not(.home) .elementor-text-editor ol li {
	list-style: decimal;
	font-weight: 300;
}

/* Accordion */

.page-template:not(.home) .elementor-tab-content p {
	margin: 0 0 10px;
	line-height: 28px;
}

.page-template:not(.home) .elementor-tab-content p a {
	color: #337ab7;
}

.page-template:not(.home) .elementor-tab-content p a:hover {
	color: #23527c;
}

.page-template:not(.home) .elementor-tab-content ul {
	padding-left: 40px;
	margin-bottom: 10px;
}

.page-template:not(.home) .elementor-tab-content ul li {
	list-style: disc;
}

.page-template:not(.home) .elementor-tab-content ol li {
	list-style: decimal;
}


h1, h2, h3, h4, h5, h6 {
    color: inherit;
}

.header-notice p {
	font-size: 15px;
    line-height: 39px;
}

.footer-about p {
	font-size: 15px;
    line-height: 20px;	
}

.elementor-widget-theme-post-content h2 {
    font-size: 30px;
    margin: 12px 0 0;
}

.elementor-widget-theme-post-content h3 {
    font-size: 28px;
    margin: 12px 0 0;
}

.elementor-widget-theme-post-content h4 {
    font-size: 26px;
    margin: 12px 0 0;
}

.elementor-widget-theme-post-content h5 {
    font-size: 24px;
    margin: 12px 0 0;
}

.elementor-widget-theme-post-content h6 {
    font-size: 22px;
    margin: 12px 0 0;
}

.elementor-widget-theme-post-content a {
	color: #ff1b5c;
}

.elementor-widget-theme-post-content a:hover {
	color: #337ab7;
}

.elementor-widget-wp-widget-tag_cloud h5 {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
}

.elementor-widget-wp-widget-tag_cloud .tagcloud {
    display: inline-block;
    vertical-align: middle;
}

.elementor-widget-wp-widget-tag_cloud .tagcloud a {
    font-size: 16px !important;
    color: #337ab7;
}

.elementor-widget-wp-widget-tag_cloud .tagcloud a:hover {
    font-size: 16px !important;
    color: #ff1b5c;
}

.elementor-widget-wp-widget-categories h5 {
    display: none;
}

.elementor-widget-wp-widget-categories ul li {
    display: inline-block;
    margin: 0 23px 12px;
}

.elementor-widget-wp-widget-categories ul li a {
    color: #6fc2d0;
    text-transform: uppercase;
    font-size: 20px;
}

.elementor-widget-wp-widget-categories ul li a:hover {
	color: #ff1b5c;
    text-decoration: none;
    border-bottom: 5px solid #0091b3;
    padding: 0 0 6px 0;
}

.video-filter-tabs .elementor-tabs-wrapper {
    text-align: center;
}

.video-filter-tabs .elementor-tab-desktop-title {
    display: inline-block !important;
    background-color: #e92d5d !important;
}

.video-filter-tabs .elementor-tab-desktop-title:hover {
	background-color: #0091b3 !important;
}

.video-filter-tabs .elementor-tab-desktop-title.elementor-active {
    background-color: #0091b3 !important;
}






/* DMX Custom CSS */

.main-menu-container nav > ul > li > ul.sub-menu,
.main-menu-container nav > ul > li > ul.sub-menu > li > ul.sub-menu {
	padding-top: 12px;
    padding-bottom: 14px;
    width: 240px !important;
    max-width: 240px !important;
}

.main-menu-container nav > ul > li > ul.sub-menu > li > a,
.main-menu-container nav > ul > li > ul.sub-menu > li > ul.sub-menu > li > a{
	white-space: normal;
}

.page-template:not(.home) .elementor-text-editor p {
    margin: 0 0 0;
}




/* Substitute Directory */

.test h2 {
	color: red;
}

.page-template-template-directory #shiftnav-toggle-main,
.page-template-template-directory #shiftnav-main,
.page-template-template-directory-login #shiftnav-toggle-main,
.page-template-template-directory-login #shiftnav-main,
.page-template-template-subgateway #shiftnav-toggle-main,
.page-template-template-subgateway #shiftnav-main{
    display: none !important;
}

body.page-template-template-directory,
body.page-template-template-directory-login,
body.page-template-template-subgateway {
	margin: 0;
	padding: 0;
	font-family: 'Montserrat', sans-serif;
	color: #070707;
}

.page-template-template-directory {
    display: none;
}

.page-template-template-directory .elementor-location-header,
.page-template-template-directory-login .elementor-location-header,
.page-template-template-subgateway .elementor-location-header {
	display:none !important;
}

.page-template-template-directory .container,
.page-template-template-directory-login .container,
.page-template-template-subgateway .container{
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
}

.directory-header-main-container {
    background: #ff1b5c;
    border-top: 2px solid #0091b3;
    padding: 10px 0;
}

.directory-header-main-container .container a:first-child img {
    width: 52px;
    height: auto;
    float: left;
}

.directory-header-main-container .container a:first-child svg {
    width: 52px;
}

.directory-header-main-container {
    padding: 10px 0 6px 0;
}

.directory-header-main-container .container a:nth-child(2) img {
	float: right;
    width: 100%;
    position: relative;
    max-width: 230px;
    top: 5px;
}

.directory-intro-main-container {
	box-shadow: 0 4px 8px #eaeaea;
}

.directory-intro-main-container .content-container {
	text-align: center;
    padding: 32px 0 32px 0;
}

.directory-intro-main-container .content-container h1 {
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 14px 0;	
}

.directory-intro-main-container .content-container p {
    font-size: 16px;
    max-width: 720px;
    width: 100%;
    margin: 0 auto 0 auto;
    line-height: 25px;
}

.directory-intro-main-container .content-container p a {
	font-weight: 600;
}

.directory-filter-main-container form select,
.directory-filter-main-container form input[type="text"]{
	border: 1px solid #ebebeb;
    padding: 9px 12px 8px 12px;
    font-size: 15px;
    color: #afafaf;
    margin: 0 8px 0 0;
    min-width: 200px;
    outline: none;
    border-radius: 0;
	width: auto;
    max-width: unset;
	height: auto;
}

.directory-filter-main-container form input[type="text"] {
	color:#858484;
}

.directory-filter-main-container form input[type="text"]::-webkit-input-placeholder { /* Edge */
  	color: #afafaf;
}

.directory-filter-main-container form input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10-11 */
  	color: #afafaf;
}

.directory-filter-main-container form input[type="text"]::placeholder {
	color: #afafaf;
}

.directory-filter-main-container form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-overflow: '';
	padding: 9px 30px 8px 12px;
}

.directory-filter-main-container form select option {
	color: #858484;
}

.directory-filter-main-container form select::-ms-expand,
.directory-filter-main-container form select .county-county,
.directory-filter-main-container form select option.county,
.directory-filter-main-container form select option.city-city,
.directory-filter-main-container form select option.city,
.directory-filter-main-container form select option.language-language,
.directory-filter-main-container form select option.language {
    display: none;
}

.directory-filter-main-container form em.arrow {
    border: solid #afafaf;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    vertical-align: middle;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: absolute;
    right: 20px;
    top: 10px;
}

.directory-filter-main-container form .select-container {
	display: inline-block;
	position: relative;
}

.directory-filter-main-container form input[type="submit"] {
    color: #fff;
    font-size: 15px;
    background: #0091b3;
    text-transform: uppercase;
    padding: 10px 20px;
    border: none;
    outline: none;
    border-radius: 0;
    min-width: 132px;
	cursor: pointer;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;	
}

.directory-filter-main-container form input[type="submit"]:hover {
	background:#10a6ca;
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.directory-filter-main-container {
	padding: 50px 0 50px 0;
}

.directory-filter-main-container .filter-container {
    text-align: center;
}

.directory-list-main-container .label-container ul {
	border-bottom: 1px solid #ebebeb;
    float: left;
    width: 100%;
    padding: 0 0 15px 0;	
}

.directory-list-main-container .label-container ul,
.directory-list-main-container .list-container ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.directory-list-main-container .label-container ul li {
	width: 15%;
	float: left;
	font-size: 15px;
	padding: 0 0 12px;
}

.directory-list-main-container .list-container > ul > li {
	display: block;
    border-bottom: 1px solid #ebebeb;
    padding: 15px 0 12px 0;
}

.directory-list-main-container .list-container > ul > li:hover {
    background: #f7f7f7;
}

.directory-list-main-container .list-container > ul > li > ul > li {
	width: 15%;
	float: left;
	font-size: 15px;	
	color: #070707;
}

.directory-list-main-container .label-container ul li:first-child,
.directory-list-main-container .list-container > ul > li > ul > li:first-child {
    width: 28%;
}

.directory-list-main-container .label-container ul li:last-child,
.directory-list-main-container .list-container > ul > li > ul > li:last-child {
    width: 12%;
}

.directory-list-main-container .list-container > ul > li > ul > li img {
    display: inline-block;
    vertical-align: middle;
    height: auto;
    height: 60px;
	width: 60px;
	margin: 0 12px 0 0;
}

.directory-list-main-container .list-container > ul > li > ul > li .image-container {
    display: inline-block;
    vertical-align: middle;
    height: auto;
    height: 60px;
    width: 60px;
    height: 120px;
	width: 120px;
	margin: 0 12px 0 0;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.directory-list-main-container .list-container > ul > li > ul > li .image-container.no-image {
    background-size: auto 100px;
}

/* .directory-list-main-container .list-container > ul > li > ul > li .image-container.no-image {
    background-color: #fff;
} */

.directory-list-main-container .list-container > ul > li > ul > li p {
	display: inline-block;
	vertical-align: middle;
    margin: 0;
}

.directory-list-main-container .list-container > ul > li > ul > li:not(:first-child) p {
    position: relative;
    top: 20px;
    top: 48px;
}

.directory-list-main-container .list-container > ul > li > ul > li input {
    position: relative;
    top: 20px;
    left: 34px;
}

.request-button-container {
    text-align: center;
    margin: 36px 0 0;
}

.request-button-container a {
	display: inline-block;
    color: #fff;
    background-color: #0091b3;
    padding: 9px 40px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    font-size: 15px;
    font-weight: 700;
}

.request-button-container a:hover {
	background: #10a6ca;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.directory-list-pagination-container {
    text-align: center;
    padding: 12px 0;
    margin: 34px 0 48px;
}

.directory-list-pagination-container ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.directory-list-pagination-container li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 8px 0;
}

.directory-list-pagination-container li a {
    text-decoration: none;
    color: #000;
}

.directory-list-pagination-container li.current a {
    color: #fff;
    background-color: #0091b3;
    padding: 4px 10px;
}

.directory-list-pagination-container li.next-page a:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    background-image: url(/wp-content/uploads/2020/06/pagination-arrow.png);
    background-size: 100%;
    width: 18px;
    height: 21px;
    margin: 0 0 0 6px;
    position: relative;
    top: -1px;
}

.directory-list-pagination-container li.prev-page a:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    background-image: url(/wp-content/uploads/2020/06/pagination-arrow.png);
    background-size: 100%;
    width: 18px;
    height: 21px;
    margin: 0 6px 0 0;
    position: relative;
    top: -1px;
    transform: rotateY(180deg);
}

body.page-template-template-directory .default-button.center,
body.page-template-template-directory-login .default-button.center,
body.page-template-template-subgateway .default-button.center {
    margin-left: auto;
    margin-right: auto;
}

body.page-template-template-directory .default-button,
body.page-template-template-directory-login .default-button,
body.page-template-template-subgateway .default-button {
	color: #fff;
    font-size: 16px;
    background: #0091b3;
    text-transform: uppercase;
    padding: 8px 45px 8px 45px;
    border: none;
    outline: none;
    border-radius: 0;
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    text-decoration: none;
    min-width: 100px;
    display: table;
    margin-top: 26px;
    margin-bottom: 30px;
}

body.page-template-template-directory .default-button:hover,
body.page-template-template-directory-login .default-button:hover,
body.page-template-template-subgateway .default-button:hover {
    background: #10a6ca;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.footer-main-container {
    background-color: #ff1b5c;
    padding: 28px 0;
}

.footer-main-container .left-panel {
    float: left;
    width: 50%;
}

.footer-main-container .left-panel p {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    margin: 2px 0 10px 0;
    font-weight: 300;
}

.footer-main-container .left-panel p a {
	color: #fff;
}

.footer-main-container .right-panel {
    float: left;
    width: 50%;
}

.footer-main-container .right-panel ul {
    margin: 0;
    padding: 0;
    text-align: right;
}

.footer-main-container .right-panel ul li {
    display: inline-block;
    vertical-align: middle;
}

.footer-main-container .right-panel ul li img {
    max-width: 100%;
}

.footer-main-container .right-panel ul li svg {
    margin: 0 26px 0 0;
    width: 68px;
}

.footer-main-container .clear {
	clear: both;
}

.directory-template .default-button {
    color: #fff;
    font-size: 15px;
    background: #0091b3;
    text-transform: uppercase;
    padding: 10px 20px;
    border: none;
    outline: none;
    border-radius: 0;
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    text-decoration: none;
    min-width: 100px;
    display: table;
    margin-top: 26px;
    margin-bottom: 30px;
}

.directory-template .default-button.center {
	margin-left: auto;
	margin-right: auto;
}

.directory-template .default-button:hover {
    background: #10a6ca;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.clear {
	clear: both;
}

.list-pagination .wp-pagenavi span.pages,
.list-pagination .wp-pagenavi a.first,
.list-pagination .wp-pagenavi a.last {
	display:none;
}

.list-pagination .wp-pagenavi a {
	border: none;
    font-size: 15px;
    color: #000;
    margin: 0 4px;
    text-decoration: none;
}

.list-pagination .wp-pagenavi a.last {
	display: none;
}

.list-pagination .wp-pagenavi .extend {
    border: 1px solid #000;
    height: 28px;
    width: 28px;
    display: inline-block;
    line-height: 30px;
    text-align: center;
    margin: 0 4px;
    font-size: 15px;
    position: relative;
    top: 1px;
	padding: 0;
}

.list-pagination .wp-pagenavi a.page {
    border: 1px solid #000;
    height: 28px;
    width: 28px;
    display: inline-block;
    line-height: 29px;
    text-align: center;
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;	
	padding: 0;
}

.list-pagination .wp-pagenavi a.page:hover {
    font-size: 15px;
    color: #fff;
    margin: 0 4px;
    border: 1px solid #0091b3;
    height: 28px;
    width: 28px;
    display: inline-block;
    line-height: 28px;
    text-align: center;
    background: #0091b3;
    font-weight: 300;
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;		
}

.list-pagination .wp-pagenavi span.current {
    border: none;
    font-size: 15px;
    color: #fff;
    margin: 0 1px;
}

.list-pagination .wp-pagenavi span.current {
    font-size: 15px;
    color: #fff;
    margin: 0 4px;
    border: 1px solid #0091b3;
    height: 28px;
    width: 28px;
    display: inline-block;
    line-height: 28px;
    text-align: center;
    background: #0091b3;
    font-weight: 300;
	padding: 0;
}

.list-pagination .wp-pagenavi .previouspostslink,
.list-pagination .wp-pagenavi .nextpostslink {
	font-size:0;
}

.list-pagination .wp-pagenavi .previouspostslink:before {
	content:"Previous";
	font-size:16px;
	color:#000;
	display:inline-block;
	margin: 0 8px 0 0;
}

.list-pagination .wp-pagenavi .nextpostslink:before {
	content:"Next";
	font-size:16px;
	color:#000;
	display:inline-block;
	margin: 0 0 0 8px;	
}

.list-pagination {
	margin: 40px 0 100px 0;
    float: right;
    width: 100%;
    text-align: center;
    padding: 0;
}

.no-result p {
    text-align: center;
    font-size: 16px;
    margin: 60px 0 20px 0;
    color: #000;
}

.checkbox-label-container {
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    top: 20px;
    top: 48px;
}

.checkbox-label-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #eee;
    outline: none;
    border: none;
}

.checkbox-label-container:hover input:not(disabled) ~ .checkmark {
    background-color: #ccc;
}

.checkbox-label-container:hover .disabled ~ .checkmark {
    cursor: not-allowed;
}

.checkbox-label-container input:checked ~ .checkmark {
  background-color: #0091b3;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.checkbox-label-container input:checked ~ .checkmark:after {
  display: block;
}

.checkbox-label-container .checkmark:after {
	left: 5px;
    top: 2px;
    width: 5px;
    height: 9px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.directory-login-form-main-container {
    padding: 80px 15px 0 15px;
}

.directory-login-form-main-container .content-container h2 {
	font-size: 16px;
    font-weight: 500;
    margin: 0 0 14px 0;
    text-align: center;
    text-transform: uppercase;
}

.directory-login-form-main-container .content-container p {
    font-size: 16px;
    max-width: 720px;
    width: 100%;
    margin: 0 auto 10px auto;
    line-height: 25px;
    text-align: center;
}

.directory-login-form-main-container .content-container p.liability-link {
    margin: 300px auto 0 auto;   
    text-transform: uppercase;
    font-size: 14px;
}

.directory-login-form-main-container .content-container p a strong,
.directory-intro-main-container .content-container p a strong{
	font-weight: 800;
}

.directory-login-form-main-container .error-container {
	margin: 30px 0 0 0;
    color: #f00;
}

.directory-login-form-main-container .error-container p a,
.directory-login-form-main-container .error-container h2{
	color: #f00;
}

.directory-login-form-main-container form {
    text-align: center;
    margin: 50px 0 0 0;
}

.directory-login-form-main-container form input[type="text"] {
    border: 1px solid #ebebeb;
	width: auto;
    padding: 9px 12px 9px 12px;
    font-size: 15px;
    margin: 0 8px 10px 0;
    outline: none;
    border-radius: 0;
	color: #858484;	
	min-width: 226px;
}

.directory-login-form-main-container form input[type="submit"] {
	color: #fff;
    font-size: 15px;
    background: #0091b3;
    text-transform: uppercase;
    padding: 10px 20px;
    border: none;
    outline: none;
    border-radius: 0;
    min-width: 132px;
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    font-weight: 500;
    margin: -10px 0 0 0;
}

.directory-login-form-main-container form input[type="submit"]:hover {
    background: #10a6ca;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.single-post p,
.single-post ul,
.single-post ol{
	margin: 0 0 12px 0;
}

.elementor img.aligncenter,
.elementor img.alignnone{
	display:block;
	margin:30px auto;
}

.elementor img.alignleft {
	margin:0px 30px 30px 0;
}

.elementor img.alignright {
	margin:0px 0 30px 30px;
}

.dmx-story h1 {
	color: #333333;
    font-size: 40px;
    font-weight: 400;
    line-height: 62px;
    text-align: center;
    margin: -70px 0 20px 0;
}

.single .dmx-story article #comments {
	display:none;
}

.single .dmx-story article ul {
	padding: 0 0 0 20px;
}

.single .dmx-story article ul li {
	list-style: disc;
	margin: 0 0 10px 0;
}

.post-template-template-blank.single .dmx-story ul,
.post-template-template-blank.single .dmx-story ol{
	padding: 0 0 0 20px;
}

.post-template-template-blank.single .dmx-story ul li {
	list-style: disc;
	margin: 0 0 10px 0;
}

.post-template-template-blank.single .dmx-story p a {
	text-decoration: underline;
	color:#FF2A67;
}

.single-post .story a {
    text-decoration: underline;
	color: #ff2a67;
}

.single-post .story ul {
    margin:0 0 0 20px;
}


/* Job Listings Start */
	

/* COPY CUSTOM CODE IN ELEMENTOR HERE */


/* Job Listings End */






/* Responsive Start */

/* 320 to 567 */
@media (min-width: 320px) and (max-width: 567px) { 


    .page-template-template-directory .container,
    .page-template-template-directory-login .container,
    .page-template-template-subgateway .container {
        padding: 0;
    }

    .directory-header-main-container .container a:first-child {
        float: left;
        width: 25%;
    }

    .directory-header-main-container .container a:nth-child(2) {
        float: left;
        width: 75%;
    }


.directory-login-form-main-container form input[type="text"] {
    margin: 0 8px 25px 0;
}

.header-notice p {
    font-size: 13px;
    line-height: 24px;
    margin: -8px 0 2px 0;
}	
	
.header-notice-bar {
	padding: 8px 0 0 0;	
}	
	
.main-menu-container nav ul {
	padding: 20px 0 20px;		
}	
	
.home .elementor-flip-box__back .elementor-flip-box__layer__overlay {
	padding:16px 15px 16px 15px !important;	
}

.directory-header-main-container {
    padding: 16px 15px 10px 15px;
}

.directory-filter-main-container .filter-container {
    text-align: center;
    padding: 0 15px;
}

.directory-filter-main-container form select, .directory-filter-main-container form input[type="text"] {
    max-width: 100%;
    width: 100%;
    margin: 0 0 15px 0;
}

.directory-filter-main-container form input[type="submit"] {
    width: 100%;
}

.footer-main-container .content-container {
    padding: 0 15px;
}

.footer-main-container .left-panel {
    float: none;
    width: 100%;
    margin: 0 0 12px;
    text-align: center;
}

.footer-main-container .right-panel {
    float: none;
    width: 100%;
}

.footer-main-container .right-panel ul {
    text-align: center;
}

.footer-main-container .right-panel ul li svg {
    margin: 0 0 14px 0;
}

.directory-filter-main-container form .select-container {
    width: 100%;
}

.directory-intro-main-container .content-container {
    padding: 32px 15px 32px 15px;
}
	
 /*
    
.directory-list-main-container {
	overflow-y: auto;
}

.directory-list-main-container::-webkit-scrollbar {
	width: 4px;
	height: 8px;
}

.directory-list-main-container::-webkit-scrollbar-track {
	background: #f1f1f1; 
}
 
.directory-list-main-container::-webkit-scrollbar-thumb {
	background: #070707; 
}

.directory-list-main-container::-webkit-scrollbar-thumb:hover {
	background: #070707; 
}

.directory-list-main-container .container {
    padding: 0 15px;
    width: 700px;
}

*/

.footer-main-container .left-panel p {
    margin: 2px 0 30px 0;
}

.directory-list-main-container .list-container > ul > li > ul > li {
    display: block;
    float: none;
    width: 100% !important;  
    margin: 0 0 12px 0; 
    padding: 0 16px;
}

.directory-list-main-container .list-container > ul.inner-news-list > li > ul > li:before {
    display: inline-block;
    font-weight: 600;
    width: 130px;
}

.directory-list-main-container .list-container > ul.inner-news-list > li > ul > li:nth-child(1) div {
    margin: 0 auto 20px auto;
    display: block;       
}

.directory-list-main-container .list-container > ul.inner-news-list > li > ul > li:nth-child(2):before {
    content: "STARS ID:";
}

.directory-list-main-container .checkbox-label-container {
    clear: none;
    display: inline-block;
    top: 6px;
}

.directory-list-main-container .list-container > ul > li > ul > li:not(:first-child) p {
    top: 0;
}

.directory-list-main-container .list-container > ul.inner-news-list > li > ul > li:nth-child(3):before {
    content: "Language:";
}

.directory-list-main-container .list-container > ul.inner-news-list > li > ul > li:nth-child(4):before {
    content: "City:";
}

.directory-list-main-container .list-container > ul.inner-news-list > li > ul > li:nth-child(5):before {
    content: "County:";
}

.directory-list-main-container .list-container > ul.inner-news-list > li > ul > li:nth-child(6):before {
    content: "Select Substitute:";
}

.directory-list-main-container .label-container {
    display: none;
}

.directory-list-main-container .list-container > ul > li {
    padding: 28px 0 8px 0;
}

.directory-list-main-container .list-container > ul > li:nth-child(odd) {
    background: #f7f7f7;
}

.directory-list-main-container .list-container > ul > li:hover {
    background: #fff;
}

.directory-list-main-container .list-container > ul > li > ul > li:first-child p:before {
    content: "Name:"; 
    display: inline-block;
    font-weight: 600;
    width: 130px;  
    font-family: 'Montserrat', sans-serif;
}






	
}

/* 568 to 991 */
@media (min-width: 568px) and (max-width: 991px) { 

    .page-template-template-directory .container, .page-template-template-directory-login .container, .page-template-template-subgateway .container {
        padding: 0;
    }


.header-notice p {
    font-size: 14px;
}
	
.header-notice-bar {
	padding: 8px 0 0 0;	
}		
	
.main-menu-container nav ul {
	padding: 20px 0 20px;		
}	

.directory-header-main-container {
    padding: 16px 15px 12px 15px;
}

.directory-filter-main-container .filter-container {
    text-align: center;
    padding: 0 15px;
}

.directory-filter-main-container form select, .directory-filter-main-container form input[type="text"] {
    max-width: 100%;
    width: 100%;
    margin: 0 0 15px 0;
}

.directory-filter-main-container form input[type="submit"] {
    width: 100%;
}

.footer-main-container .content-container {
    padding: 0 15px;
}

.footer-main-container .left-panel {
    float: none;
    width: 100%;
    margin: 0 0 12px;
    text-align: center;
}

.footer-main-container .right-panel {
    float: none;
    width: 100%;
}

.footer-main-container .right-panel ul {
    text-align: center;
}

.footer-main-container .right-panel ul li svg {
    margin: 0 12px 0 0;
}

.directory-filter-main-container form .select-container {
    width: 100%;
}

.directory-intro-main-container .content-container {
    padding: 32px 15px 32px 15px;
}
	
/*
.directory-list-main-container {
	overflow-y: auto;
}

.directory-list-main-container::-webkit-scrollbar {
	width: 4px;
	height: 8px;
}

.directory-list-main-container::-webkit-scrollbar-track {
	background: #f1f1f1; 
}
 
.directory-list-main-container::-webkit-scrollbar-thumb {
	background: #070707; 
}

.directory-list-main-container::-webkit-scrollbar-thumb:hover {
	background: #070707; 
}

.directory-list-main-container .container {
    padding: 0 15px;
    width: 700px;
}

*/

.footer-main-container .left-panel p {
    margin: 2px 0 30px 0;
}

.directory-list-main-container .list-container > ul > li > ul > li {
    display: block;
    float: none;
    width: 100% !important;  
    margin: 0 0 12px 0; 
    padding: 0 16px;
}

.directory-list-main-container .list-container > ul.inner-news-list > li > ul > li:before {
    display: inline-block;
    font-weight: 600;
    width: 130px;
}

.directory-list-main-container .list-container > ul.inner-news-list > li > ul > li:nth-child(1) div {
    margin: 0 0 20px 0;
    display: block;       
}

.directory-list-main-container .list-container > ul.inner-news-list > li > ul > li:nth-child(2):before {
    content: "STARS ID:";
}

.directory-list-main-container .checkbox-label-container {
    clear: none;
    display: inline-block;
    top: 6px;
}

.directory-list-main-container .list-container > ul > li > ul > li:not(:first-child) p {
    top: 0;
}

.directory-list-main-container .list-container > ul.inner-news-list > li > ul > li:nth-child(3):before {
    content: "Language:";
}

.directory-list-main-container .list-container > ul.inner-news-list > li > ul > li:nth-child(4):before {
    content: "City:";
}

.directory-list-main-container .list-container > ul.inner-news-list > li > ul > li:nth-child(5):before {
    content: "County:";
}

.directory-list-main-container .list-container > ul.inner-news-list > li > ul > li:nth-child(6):before {
    content: "Select Substitute:";
}

.directory-list-main-container .label-container {
    display: none;
}

.directory-list-main-container .list-container > ul > li {
    padding: 28px 0 8px 0;
}

.directory-list-main-container .list-container > ul > li:nth-child(odd) {
    background: #f7f7f7;
}

.directory-list-main-container .list-container > ul > li:hover {
    background: #fff;
}

.directory-list-main-container .list-container > ul > li > ul > li:first-child p:before {
    content: "Name:";
    display: inline-block;
    font-weight: 600;
    width: 130px;
    font-family: 'Montserrat', sans-serif;
}

	
}

/* iPhone 5 portrait  */
@media (min-width: 320px) and (max-width: 374px) {

.directory-header-main-container .container a:first-child img {
    float: none;
    margin: 0 auto 10px auto;
    display: block;
}

.directory-header-main-container .container a:nth-child(2) img {
    margin: 0 auto 5px auto;
    display: block;
    float: none;
}

}

/* iPhone 6 portrait */
@media (min-width: 375px) and (max-width: 383px) {

}

/* Android (Nexus 4) portrait */
@media (min-width: 384px) and (max-width: 413px) {
 
}

/* iPhone 6 Plump portrait */
@media (min-width: 414px) and (max-width: 567px) {
 
}

/* iPhone 5 landscape */
@media (min-width: 568px) and (max-width: 599px) {

.directory-list-main-container .list-container > ul.inner-news-list > li > ul > li:nth-child(1) div {
    margin: 0 auto 20px auto !important;
    display: block;
}

}

/* Android (Nexus 4) landscape */
@media (min-width: 600px) and (max-width: 666px) {
 
.directory-list-main-container .list-container > ul.inner-news-list > li > ul > li:nth-child(1) div {
    margin: 0 auto 20px auto !important;
    display: block;
}

}

/* iPhone 6 landscape */
@media (min-width: 667px) and (max-width: 735px) {

.directory-list-main-container .list-container > ul.inner-news-list > li > ul > li:nth-child(1) div {
    margin: 0 auto 20px auto !important;
    display: block;
}

}

/* iPhone 6 Plump landscape */
@media (min-width: 736px) and (max-width: 767px) {

.directory-list-main-container .list-container > ul.inner-news-list > li > ul > li:nth-child(1) div {
    margin: 0 auto 20px auto !important;
    display: block;
}

}

/* 768 to 991 */
@media (min-width: 768px) and (max-width: 991px) { 

	
	
}

/* 992 to 1024 */
@media (min-width: 992px) and (max-width: 1024px) { 

.home .elementor-flip-box__back .elementor-flip-box__layer__overlay {
	padding:16px 15px 16px 15px !important;	
}	
	
}

/* 1025 to 1199 */
@media (min-width: 1025px) and (max-width: 1199px) { 

}

/* Desktop */
@media (min-width: 1025px) {

}

/* Responsive End */




