.bx-wrapper{position:relative;margin:0 auto;padding:0;*zoom:1;-ms-touch-action:pan-y;touch-action:pan-y}.bx-wrapper img{max-width:100%;display:block}.bxslider{margin:0;padding:0}ul.bxslider{list-style:none}.bx-viewport{-webkit-transform:translatez(0)}.bx-wrapper{//-webkit-box-shadow:0 0 5px #ccc;//box-shadow:0 0 5px #ccc;//border:5px solid #fff;//background:#fff}.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto{width:100%}.bx-wrapper .bx-loading{min-height:50px;background:url(//catholicschoolsny.org/wp-content/plugins/sabai/assets/images/bxslider/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:bold;color:#666}.bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;border-radius:5px}.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus{background:#000}.bx-wrapper .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;*zoom:1;*display:inline}.bx-wrapper .bx-pager-item{font-size:0;line-height:0}.bx-wrapper .bx-prev{left:10px;background:url(//catholicschoolsny.org/wp-content/plugins/sabai/assets/images/bxslider/controls.png) no-repeat 0 -32px}.bx-wrapper .bx-prev:hover,.bx-wrapper .bx-prev:focus{background-position:0 0}.bx-wrapper .bx-next{right:10px;background:url(//catholicschoolsny.org/wp-content/plugins/sabai/assets/images/bxslider/controls.png) no-repeat -43px -32px}.bx-wrapper .bx-next:hover,.bx-wrapper .bx-next:focus{background-position:-43px 0}.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:9999;display:none}.bx-wrapper:hover .bx-controls-direction a{display:block}.bx-wrapper .bx-controls-direction a.disabled{display:none}.bx-wrapper .bx-controls-auto{text-align:center}.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(//catholicschoolsny.org/wp-content/plugins/sabai/assets/images/bxslider/controls.png) -86px -11px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:focus{background-position:-86px 0}.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(//catholicschoolsny.org/wp-content/plugins/sabai/assets/images/bxslider/controls.png) -86px -44px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:focus{background-position:-86px -33px}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666;background:rgba(80,80,80,0.75);width:100%}.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px}.sabai-directory-no-image .sabai-directory-images {
display: none;
}
.sabai-directory-listings-list .sabai-entity {
padding:0px;
}
.sabai-row.sf-row {
margin: 0;
display:flex;
align-items:center;
}
.sabai-directory-title {
line-height: 1.2em;
margin-bottom: 0px;
font-size: 1em;
cursor: pointer;
font-weight:normal;
padding:10px;
}
.sabai-col-xs-3.sabai-tour-button {
padding:0px;
}
.sabai-tour-button .tour-button  {
display:block;
padding: 10px;
border-left: 1px #ddd solid;
font-size:13px;
line-height: 1.1em;
text-align:center;
}
.sabai-btn-primary {
color: #fff !important;
background-color: #0071ce !important;
}
.sabai-btn-group-sm > .sabai-btn, .sabai-btn-sm { 
border-radius:0px;
}  .sabai-directory-listings-with-map-listings > div:nth-child(1) {
height:auto !important;
}
.action-bar-mobile {
display:none;
}
.modal-content {
border-radius: 0px !important;
} .sabai-btn-danger {
color: #387AFE !important; background-color: #FAFAFA !important;
border: none !important;
border-radius: 0px;
display: block;
padding: 20px;
font-weight: 700;
}
.sabai-search {
padding: 0px !important;
border-radius: 0px !important;
background: none !important;
border: 0px !important;
margin: 0 !important;
}
.col-sm-3.action-bar {
position: sticky;
top: 100px;
display: block;
background: #fafafa;
margin-bottom: 20px;
padding-left: 0px !important;
padding-right: 0px !important;
}
.action-message {
padding: 30px 15px;
}
.action-buttons {
display: flex;
justify-content: space-between;
border-top: 1px solid #DADADE;
padding: 10px 15px;
}
.action-buttons a {
color: #95989A;
}
.modal-map {
background: #CCC;
display: block;
height: 150px;
}
.sabai-entity.selected {
background-color:#0071ce;	
}
.sabai-entity.selected a{
color:#FFF !important;
}
button.close {
color: #0071ce !important;
opacity: 1 !important;
font-size:28px !important;
}
.modal-footer {
margin-top: 0px !important;
background-color: #fafafa;
}
.selected-schools {
color: #95989A;
float: left;
}
.modal-cta {
background: #387AFE;
color: #fff;
display: block;
padding: 5px;
text-align: center;
}
.modal-map img {
max-width: none !important; 
}
.modal-selected-row {
padding:0px 0px 20px 0px;
border-bottom: 1px #ddd solid;
margin-bottom:20px;
}
.modal-selected-row:last-child {
margin-bottom:0px;
border-bottom:none;
padding-bottom:0px;
} .loading {
position: fixed;
z-index: 999999;
height: 2em;
width: 2em;
overflow: show;
margin: auto;
top: 0;
left: 0;
bottom: 0;
right: 0;
} .loading:before {
content: '';
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.3);
} .loading:not(:required) { font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.loading:not(:required):after {
content: '';
display: block;
font-size: 10px;
width: 1em;
height: 1em;
margin-top: -0.5em;
-webkit-animation: spinner 1500ms infinite linear;
-moz-animation: spinner 1500ms infinite linear;
-ms-animation: spinner 1500ms infinite linear;
-o-animation: spinner 1500ms infinite linear;
animation: spinner 1500ms infinite linear;
border-radius: 0.5em;
-webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
} @-webkit-keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-moz-keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-o-keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { .action-buttons {
font-size: 13px;
}
.modal-dialog {
margin-top: 10px;
}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { .col-sm-3.action-bar {
position: relative;
top: 0px;
width: 100%;
}
}
@media screen and (max-width: 736px) {
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
float: none !important;
width:100% !important;
padding:0px !important;
margin:0px !important;
} #main {
padding-bottom: 140px !important;
}
.sabai-navigation {
display:none;
}
.sabai-navigation-bottom {
display:block;
}
.action-message {
padding: 15px;
}
.action-buttons a:hover {
color: #fff !important;
}
.sabai-directory-filters {
display:block;
}
.sabai select {
width: 100%;
margin-bottom: 3px !important;
display: inline;
}
.sabai-directory-search {
margin: 0px;
background-color: #f4f4f4;
margin: 0px -30px;
padding: 30px 30px 0px 30px;
}
.sabai-directory-filters {
padding-top: 0px;
border-bottom: none;
background-color: #f4f4f4;
margin: 0px -30px 20px -30px;
padding: 0px 30px 30px 30px;
}
.homepage .sabai-directory-search {
margin: 0px;
background-color:transparent;
margin: 0px -30px;
padding: 0px 30px 0px 30px;
} .sabai-directory-listings-with-map-listings > div {
max-height:780px;
height:auto !important;
}
.action-bar-mobile {
position: relative;
top: 0px;
display: block;
background: #fafafa;
margin-bottom: 0px !important;
padding-left: 0px !important;
padding-right: 0px !important;
margin-left: -30px;
margin-right: -30px;
}
.action-bar-mobile {
display: block;
position: fixed;
width: 100%;
bottom: 0;
top: auto !important;
z-index: 9999;
}
.modal-dialog {
margin-top: 10px !important;
} 
#my_schools_mobile {
font-size:13px;
}
.modal-body {
overflow-y: scroll; font-size: 90%;
}
.col-sm-3.action-bar {
position: relative;
top: 0px;
display: none;
background: #fafafa;
margin-bottom: 20px !important;
padding-left: 0px !important;
padding-right: 0px !important;
}
.sabai-directory-search-submit {
padding:0px 0px !important;
}
.modal-cta {
font-size: 11px;
}
.action-buttons {
border-top: none;
padding: 10px 15px;
background-color: #0071ce;
}
.sabai-directory-listings-with-map-listings {
margin:0 -30px;}
}