* {
margin: 0;
padding: 0;
} @font-face {
font-family: 'latobold';
src: url(//www.ccala.net/wp-content/themes/zbra/assets/fonts/lato/Lato-Bold-webfont.eot);
src: url(//www.ccala.net/wp-content/themes/zbra/assets/fonts/lato/Lato-Bold-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.ccala.net/wp-content/themes/zbra/assets/fonts/lato/Lato-Bold-webfont.woff2) format('woff2'),
url(//www.ccala.net/wp-content/themes/zbra/assets/fonts/lato/Lato-Bold-webfont.woff) format('woff'),
url(//www.ccala.net/wp-content/themes/zbra/assets/fonts/lato/Lato-Bold-webfont.ttf) format('truetype'),
url(//www.ccala.net/wp-content/themes/zbra/assets/fonts/lato/Lato-Bold-webfont.svg#latobold) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'latoregular';
src: url(//www.ccala.net/wp-content/themes/zbra/assets/fonts/lato/Lato-Regular-webfont.eot);
src: url(//www.ccala.net/wp-content/themes/zbra/assets/fonts/lato/Lato-Regular-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.ccala.net/wp-content/themes/zbra/assets/fonts/lato/Lato-Regular-webfont.woff2) format('woff2'),
url(//www.ccala.net/wp-content/themes/zbra/assets/fonts/lato/Lato-Regular-webfont.woff) format('woff'),
url(//www.ccala.net/wp-content/themes/zbra/assets/fonts/lato/Lato-Regular-webfont.ttf) format('truetype'),
url(//www.ccala.net/wp-content/themes/zbra/assets/fonts/lato/Lato-Regular-webfont.svg#latoregular) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'latolight';
src: url(//www.ccala.net/wp-content/themes/zbra/assets/fonts/lato/lato-light-webfont.eot);
src: url(//www.ccala.net/wp-content/themes/zbra/assets/fonts/lato/lato-light-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.ccala.net/wp-content/themes/zbra/assets/fonts/lato/lato-light-webfont.woff2) format('woff2'),
url(//www.ccala.net/wp-content/themes/zbra/assets/fonts/lato/lato-light-webfont.woff) format('woff'),
url(//www.ccala.net/wp-content/themes/zbra/assets/fonts/lato/lato-light-webfont.ttf) format('truetype'),
url(//www.ccala.net/wp-content/themes/zbra/assets/fonts/lato/lato-light-webfont.svg#latolight) format('svg');
font-weight: normal;
font-style: normal;
} html {
background: #fff;	
}
body {
font: normal 14px/1.5em 'latoregular', Arial, sans-serif;
color: #030303;
}
a {
color: #446eb9;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
a:hover, a:active {
color: #030303;
text-decoration: none;
}
p {
margin: 0 0 25px;
}
p.no-padding {
margin-bottom: 2px;	
}
#content p:last-child, #col-left p:last-child {
margin-bottom: 0;	
}
strong {
font-family: 'latobold', Arial, sans-serif !important;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
margin-bottom: 10px;
color: #446eb9;
font-family: 'latoregular', Arial, sans-serif;
font-weight: normal;
letter-spacing: 1px;
line-height: 1em;
}
h1, .h1 {
font-size: 32px;	
}
h2, .h2 {
font-size: 28px;
}
h3, .h3 {
font-size: 24px;	
}
h4, .h4 {
font-size: 20px;	
}
h5, .h5 {
font-size: 17px;	
}
h6, .h6 {
font-size: 14px;	
}
img {
max-width: 100%;
height: auto;
border: none;	
}
#mid a:hover img {
opacity: 0.8;
filter: alpha(opacity=80);	
}
table {
width: 100%;
border-collapse: collapse;
}
table td {
vertical-align: top;
padding: 7px 3px;	
}
table th {
padding: 15px;
background: #456db5;
color: #fff;
font-size: 15px;
font-family: 'latoregular', Arial, sans-serif;
line-height: 17px;
letter-spacing: 1px;
text-align: center;
text-transform: uppercase;
}
ul, ol {
padding: 0 0 18px 30px;	
}
ul.no-style, ol.no-style {
list-style: none;
padding-left: 20px;	
}
ul li, ol li {
padding-bottom: 7px;	
}
ul ul, ol ol {
padding-top: 7px;
padding-bottom: 0;	
}
p + ul, p + ol {
margin-top: -10px;
}
table td ul, table td ol {
padding-bottom: 0;
}
sup, sub {
height: 0;
line-height: 1;
vertical-align: baseline;
position: relative;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
button {
border: none;
background: none;
cursor: pointer;	
}
*:focus {
outline: none;
} .hidden, .prev .hide-prev {
display: none;
}
.prev .show-prev {
display: block;
}
.show-mobile {
display: none;
}
.clear {
clear: both;
}
.relative, .pie {
position: relative;
}
.float-left {
float: left;	
}
.float-right {
float: right;	
}
.font9 {
font-size: 9px !important;	
}
.font10 {
font-size: 10px !important;	
}
.font11 {
font-size: 11px !important;	
}
.font14 {
font-size: 14px !important;	
}
.no-underline {
text-decoration: none !important;	
}
.display-block {
display: block;	
}
.upper {
text-transform: uppercase;	
}
.text-replace {
display: block;
text-indent: -9999px;
overflow: hidden;	
}
.text-center {
text-align: center;
}
.clickable {
cursor: pointer;	
}
.loading-gif {
display: block;
margin: 20px auto;
}
.button {
padding: 7px 14px;
color: #fff;
background: #446eb9;
font-size: 15px;
line-height: 15px;
text-decoration: none;
text-transform: uppercase;
}
.button:hover, a:hover .button {
color: #fff;
background: #030303 !important;
}
.button.purple {
background: #9365a9;
}
.button.red {
background-color: #ed6855;
}
.button.red:hover {
background-color: #030303;
}
.alignleft {
float: left;
margin: 0 25px 15px 0;
}
.alignright {
float: right;
margin: 0 0 15px 25px;
}
.aligncenter {
clear: both;
display: block;
margin: 15px auto;
}
.wrapper {
clear: both;
float: left;
width: 100%;
}
.container {
width: 960px;
height: 100%;
margin: 0 auto;
padding: 0 5px;
}
.tel-mobile {
color: #030303;
text-decoration: none
} #page-wrapper {
position: relative;
z-index: 1;
overflow: hidden;
} #top-bar {
padding: 10px 0; }
#top-bar .tagline {
margin: 5px 0 0;
color: #446eb9;
font-size: 16px;
line-height: 16px;
}
#top-bar .translate-widget {
float: right;
} #promo-bar {
background: url(//www.ccala.net/wp-content/themes/zbra/assets/images/bg-grain.jpg) no-repeat;
background-size: cover;
font-family: 'Epilogue', 'latoregular', Arial, sans-serif;
font-weight: 500;
}
#promo-bar .container {
display: flex;
align-items: center;
justify-content: space-between;
padding-bottom: 15px;
padding-top: 15px;
}
#promo-bar strong {
font-weight: 700;
}
#promo-bar img {
flex: 0 0 100px;
width: 100px;
}
#promo-bar img.reverse {
transform: scaleX(-1);
}
#promo-bar p {
position: relative;
top: 2px;
margin: 0;
padding: 0 30px;
color: #5A2E0F;
font-size: clamp(0.813rem, calc(0.757rem + 0.278vw), 1rem); line-height: 1.25em;
text-align: center;
}
#promo-bar, #promo-bar a {
color: #5A2E0F;
text-decoration: none;
}
#promo-bar p .underlined {
border-bottom: 2px dotted #5A2E0F;
color: #5A2E0F;
text-decoration: none;
}
#promo-bar p img {
position: relative;
display: inline-block;
width: auto;
height: 25px;
top: -2px;
margin-left: 4px;
margin-right: 4px;
vertical-align: middle;
}
@media screen and (max-width: 767px) {
#promo-bar .container {
padding-bottom: 10px;
padding-top: 10px;
}
#promo-bar img {
flex: 0 0 30px;
width: 30px;
}
#promo-bar p {
padding: 0 22.5px;
}
}
@media screen and (max-width: 480px) {
#promo-bar p {
padding: 0 15px;
}
} #site-logo {
display: block;
margin: 30px 0 20px;
text-decoration: none;
}
#site-logo img {
width: auto;
max-height: 82px;	
} nav ul {
float: right;
list-style: none;
padding: 0;
}
nav ul li {
float: left;
position: relative;
width: 125px;
height: 130px;
background: #faa81e;
}
nav ul li:first-child {
padding-left: 0;	
}
nav .red, nav .red .sub-menu li {
background: #ed6855;
}
nav .green, nav .green .sub-menu li {
background: #79b452;
}
nav .purple, nav .purple .sub-menu li {
background: #9365a9;
}
nav .blue, nav .blue .sub-menu li {
background: #446eb9;
}
nav a {
position: absolute;
display: block;
width: 92%;
left: 4%;
bottom: 25px;
color: #fff;
font-size: 12px;
line-height: 16px;
letter-spacing: 1px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
transition: none;
}
nav .current_page_item a, nav .current-menu-parent a, nav .current-page-ancestor a, nav .current-menu-item a, nav .current-post-ancestor a, nav .current_page_parent a, nav a:hover {
color: #fff;
font-weight: bold;
}
nav .sub-menu {
display: none;
position: absolute;
z-index: 9999;
top: 100%;
right: 0;
width: 180px;
height: auto !important;
padding-bottom: 5px;
background: url(//www.ccala.net/wp-content/themes/zbra/assets/images/diamond-orange.png) bottom center repeat-x;
}
nav .red .sub-menu {
background-image: url(//www.ccala.net/wp-content/themes/zbra/assets/images/diamond-red.png);
}
nav .green .sub-menu {
background-image: url(//www.ccala.net/wp-content/themes/zbra/assets/images/diamond-green.png);
}
nav .purple .sub-menu {
background-image: url(//www.ccala.net/wp-content/themes/zbra/assets/images/diamond-purple.png);
}
nav .blue .sub-menu {
background-image: url(//www.ccala.net/wp-content/themes/zbra/assets/images/diamond-blue.png);
}
li:hover .sub-menu {
display: block !important;	
}
nav .sub-menu li, nav .sub-menu a {
display: block !important;
float: none !important;
height: auto !important;
margin: 0 !important;
}
nav .sub-menu li {
width: 150px !important;
padding: 8px 15px !important;
background: #faa81e;
}
nav .sub-menu li:first-child {
padding-top: 15px !important;
}
nav .sub-menu li:last-child {
padding-bottom: 15px !important;
}
nav .sub-menu a {
position: relative;
width: 100% !important;
top: 0;
left: 0;
padding: 0 !important;
font-size: 12px;
font-weight: normal;
letter-spacing: 1px;
line-height: 14px;
text-align: left;
color: #fff !important;
text-transform: none;
}
nav .sub-menu .current-menu-item a, nav .sub-menu li a:hover {
font-weight: bold;
}
nav .sub-menu ul {
display: block;
position: relative !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;	
background: none !important;
}
nav .sub-menu ul a {
font-size: 13px !important;
line-height: 13px !important;	
}
.mobile-nav-click {
display: none;
float: right;
padding: 10px 15px;
margin-top: 13px;
color: #fff;
background: #446eb9;
font-size: 16px;
font-weight: normal;
line-height: 16px;
cursor: pointer;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.mobile-nav {
display: none;
position: absolute;
z-index: 1000;
top: 0;
right: -200px;
width: 189px;
height: 100%;
min-height: 98%;
padding: 0 20px;
padding-top: 1%;
padding-bottom: 1%;
background: #fff;
border-left: 1px solid #030303;
border-bottom: 1px solid #030303;
overflow: auto;
}
.mobile-nav.show-nav {
display: block;
}
.mobile-nav ul {
list-style: none;
padding: 0;
}
.mobile-nav li {
display: block;
padding: 10px 0 0;
}
.mobile-nav li .sub-menu {
display: block;
position: relative;
width: 100% !important;
top: 0;
left: 0;
padding: 0 0 12px !important;
background: none !important;
}
.mobile-nav a {
display: block;
margin: 0;
padding: 0;
font-size: 13px;
font-weight: bold;
text-decoration: none;
text-align: right;
color: #030303;
text-transform: uppercase;
}
.mobile-nav .sub-menu a {
font-size: 12px;
font-weight: normal;
text-transform: none;
}
.mobile-nav form {
display: none;
}
.mobile-nav hr {
clear: both;
width: 100%;
height: 1px;
margin: 5px 0 20px;
background: #030303;
border: none;
} #mid {
margin: 35px 0;
}
.home #mid {
margin: 25px 0;
} .banner-slide {
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
}
.banner-slideshow, .banner-slide {
width: 100%;
height: 250px;
}
.home .banner-slideshow, .home .banner-slide, .banner-content table, .page-id-2521 .banner-slide, .page-id-2521 .banner-slideshow {
height: 400px;
}
.banner-content {
float: right;
width: 48%;
}
.prev-slide .banner-content {
float: left;
min-width: 430px;
}
.home .prev-slide .banner-content {
min-width: 500px;
}
.home .prev-slide .button {
padding: 9px 20px 11px;
font-size: 1.1rem;
line-height: 1em;
}
.prev-slide .content-bg {
padding: 30px;
margin: 0 30px;
background: #fff;
background: rgba(255, 255, 255, 0.85);
box-sizing: border-box;
text-align: center;
}
.prev-slide .h4 {
margin-bottom: 30px;
color: #030303;
font-size: 22px;
font-weight: 600;
line-height: 1.2em;
}
.banner-content td {
height: 100%;
padding: 0 !important;
vertical-align: middle;
}
.banner-content h1 {
font-family: 'latolight', Arial, sans-serif;
font-size: 30px;
line-height: 1.1em;
margin-bottom: 20px;
}
.banner-content p {
margin: 0;
}
.banner-content .button {
margin: 0 5px;
}
.prev-slide .banner-content .button {
margin: 15px 7.5px 0 !important;
}
#part-banner .sub-banner {
padding: 8px 0;
text-align: center;
background: linear-gradient(90deg, #4F6DB5 0%, #F1E1C8 35%, #F1E1C8 65%, #4F6DB5 100%);
}
#part-banner .sub-banner span {
font-size: 16px;
font-weight: 600;
letter-spacing: 0.48px;
margin-right: 35px;
background: url('data:image/svg+xml,<svg width="26" height="23" viewBox="0 0 26 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.9991 0.5C13.6925 0.5 14.3322 0.868304 14.6838 1.47232L25.2314 19.5437C25.5879 20.1527 25.5879 20.904 25.2412 21.5129C24.8945 22.1219 24.245 22.5 23.5467 22.5H2.45146C1.75317 22.5 1.10371 22.1219 0.757005 21.5129C0.410301 20.904 0.415184 20.1478 0.766772 19.5437L11.3144 1.47232C11.666 0.868304 12.3057 0.5 12.9991 0.5ZM12.9991 6.78571C12.3496 6.78571 11.8271 7.31116 11.8271 7.96429V13.4643C11.8271 14.1174 12.3496 14.6429 12.9991 14.6429C13.6486 14.6429 14.1711 14.1174 14.1711 13.4643V7.96429C14.1711 7.31116 13.6486 6.78571 12.9991 6.78571ZM14.5617 17.7857C14.5617 17.3689 14.3971 16.9692 14.104 16.6745C13.811 16.3798 13.4135 16.2143 12.9991 16.2143C12.5847 16.2143 12.1872 16.3798 11.8942 16.6745C11.6011 16.9692 11.4365 17.3689 11.4365 17.7857C11.4365 18.2025 11.6011 18.6022 11.8942 18.8969C12.1872 19.1916 12.5847 19.3571 12.9991 19.3571C13.4135 19.3571 13.811 19.1916 14.104 18.8969C14.3971 18.6022 14.5617 18.2025 14.5617 17.7857Z" fill="%234F6DB5"/></svg>');
background-repeat: no-repeat;
padding-left: 35px;
background-size: 25px;
}
#part-banner .sub-banner a {
background: #EFAB46;
display: inline-block;
padding: 10px 24px;
color: #000000;
font-size: 16px;
text-decoration: none;
letter-spacing: 0.48px;
font-weight: 900;
}
#part-banner .sub-banner a:hover {
background: #000000;
color: #ffffff;
} #col-left {
width: 75%;
}
#col-left.full-width {
width: 100% !important;
}
#col-right {
width: 196px;
}
.entry-content {
word-wrap: break-word;
}
.entry-content h1, .entry-content h2, .entry-content h3 {
padding-bottom: 10px;
border-bottom: 2px solid #faa81e;
}
.entry-content h3.no-border {
padding: 0;
border: none;
} .home .entry-content table {
margin-bottom: 25px;
}
.home-logos {
margin-bottom: 10px !important;
table-layout: fixed;
}
.home-logos td {
vertical-align: middle;
text-align: center;
}
.home #col-left {
margin-top: 10px;
}
.home .entry-content .button, .home .la-cares-popup .button {
padding: 10px 20px;
margin: 0 15px 30px 0;
font-size: 1.1rem;
}
.home .entry-content .h4 {
color: #030303;
font-weight: 600;
margin-bottom: 30px;
}
.home .fancybox-overlay {
background: rgba(0, 0, 0, 0.5) !important;
}
.home .fancybox-skin {
background-color: #fff;
margin: 15px;
}
.home .la-cares-popup {
max-width: 660px;
padding: 30px;
text-align: center;
}
.home .la-cares-popup img {
display: block;
max-width: 500px;
margin: 0 auto;
}
.home .la-cares-popup p {
font-size: 1.2rem;
}
.home .la-cares-popup p:last-child {
margin: 45px 0 15px;
}
.home .la-cares-popup .h4 {
margin-bottom: 30px;
font-size: 1.4rem;
font-weight: bold;
line-height: 1.2em;
} .staff-table {
table-layout: fixed;
border: 1px solid #456db5;
}
.staff-table tr:nth-child(odd) {
background: #f3f5fb;
}
.staff-table tr:nth-child(even) {
background: #fff;
}
.staff-table td {
padding: 10px !important;
text-align: center;
vertical-align: middle;
}
.staff-table td + td {
border-left: 1px solid #456db5;
} .search-table {
width: calc(100% + 10px);
margin-bottom: 45px;
margin-left: -10px;
background: none;
}
.search-table td {
padding: 10px 0 10px 10px !important;
color: #000;
font-size: 16px;
vertical-align: middle;
}
.search-table label {
display: block;
margin: 0 0 5px;
font-weight: 600;
}
.search-table input {
display: block;
min-width: 100%;
max-width: 100%;
padding: 5px;
border: 1px solid #000;
box-sizing: border-box;
font-size: 16px;
}
.search-table .or-separator {
width: 30px;
padding-bottom: 16px !important;
text-align: center;
vertical-align: bottom;
}
.search-click {
padding: 10px 20px !important;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color: #fff;
cursor: pointer;
font-size: 20px !important;
letter-spacing: .5px;
line-height: 1em;
}
.search-click:hover {
background-color: #faa81e !important;
}
.search-table .td-search {
padding-bottom: 20px !important;
padding-left: 20px !important;
text-align: left;
vertical-align: bottom;
}
.search-click .fa {
margin-right: 5px;
}
.search-results, .search-result {
margin: 25px 0;
}
.search-result {
table-layout: fixed;
}
.search-result td {
padding: 0 20px 25px;
}
.search-result .logo-image {
width: 25%;
padding-left: 0;
padding-bottom: 5px;
text-align: right;
}
.hover-map {
width: 593px;
margin: 30px 0;
}
.center-574 h5 {
display: none;
}
.resource-phone {
display: inline-block;
margin-left: 10px;
}
.resource-phone a {
color: #446eb9;
text-decoration: none;
}
.resource-phone a:hover {
color: #030303;
} .featured-image {
margin-bottom: 25px;
outline: 1px solid #c8c8c8;
}
.featured-image img {
display: block;
}
.post-title {
margin-bottom: 10px;
}
.post-title, .post-title a {
color: #212121;
text-decoration: none;
text-transform: uppercase;
}
.post-title a:hover {
color: #62b2c2;
}
.post-meta {
margin-bottom: 10px;
text-transform: uppercase;
}
.post-meta, .post-meta a {
font-size: 12px;
color: #939ea3 !important;
}
.post-meta a:hover {
color: #212121 !important;
}
div.sharedaddy div.sd-block {
clear: both !important;
margin: 25px 0 !important;
border: none !important;
}
#respond {
margin-top: 35px;	
}
.screen-reader-text {
display: none;	
}
.result {
margin-bottom: 60px;
} .widget {
margin-top: 20px;
color: #fdfefd;
font-size: 15px;
line-height: 19px;
text-align: center;
}
#col-right .widget:first-child {
margin-top: 0;
}
.widget .widget-title {
margin: 0;
padding: 20px 0 25px;
color: #fefdfd;
font-size: 16px;
letter-spacing: 2px;
line-height: 18px;
text-align: center;
}
.widget .textwidget {
padding: 10px;
}
.widget label {
float: left;
width: 37px;
font-size: 13px;
font-weight: bold;
text-align: right;
}
.widget input {
float: left;
width: 110px;
padding: 2px;
margin: 0 0 10px 10px;
background-color: #bfe968;
border: none;
}
.widget form br {
clear: both;
}
.widget-link {
margin-bottom: 5px;
}
.widget-link a, .widget-link button {
color: #fefdfd;
font-size: 15px;
text-decoration: none;
text-transform: uppercase;
}
.widget-link a:hover, .widget-link button:hover {
color: #030303 !important;
} .widget {
padding-bottom: 5px;
background: url(//www.ccala.net/wp-content/themes/zbra/assets/images/diamond-red.png) bottom center repeat-x;
}
.widget .inner {
background: #ed6855;
} .widget.calendar {
padding: 0;
background: #faa81e url(//www.ccala.net/wp-content/themes/zbra/assets/images/peel-orange.png) bottom right no-repeat;
}
.widget.calendar .inner {
background: none;
}
.widget.calendar .widget-title {
background: url(//www.ccala.net/wp-content/themes/zbra/assets/images/widget-calendar.png) top center no-repeat;
}
.widget.calendar .widget-link a {
color: #e35b47;
} .widget.find {
background-image: url(//www.ccala.net/wp-content/themes/zbra/assets/images/diamond-green.png);
}
.widget.find .inner {
background: #79b352;
}
.widget.find .widget-title {
padding: 15px 0 30px;
background: url(//www.ccala.net/wp-content/themes/zbra/assets/images/widget-find.png) top center no-repeat;
}
.widget.find .widget-link {
margin-top: 8px;
}
.widget.find .widget-link button {
color: #325ead;
}
.widget.find .textwidget {
margin-bottom: -1px;
} .widget.reports {
background-image: url(//www.ccala.net/wp-content/themes/zbra/assets/images/diamond-purple.png);
}
.widget.reports .inner {
background: #9365a9;
}
.widget.reports .widget-title {
padding: 15px 0 30px;
background: url(//www.ccala.net/wp-content/themes/zbra/assets/images/widget-reports.png) top center no-repeat;
}
.widget.reports .widget-link a {
color: #38267b;
} .sm-icons {
clear: both;
}
.sm-icons a {
display: inline-block;
width: 31px;
height: 25px;
padding: 6px 0 0;
margin: 0 12px 12px 0;
text-align: center;
color: #fff;
background: #faa81e;
border-radius: 31px;
-moz-border-radius: 31px;
-webkit-border-radius: 31px;
}
.sm-icons a:hover {
background: #030303 !important;
color: #fff;
}
.sm-icons .fa {
position: relative;
font-size: 20px;
line-height: 20px;
}
.sm-icons a.facebook {
top: -1px;
left: -1px;
background: #3b5998;
}
.sm-icons a.twitter {
top: -1px;
background: #00aced;
}
.sm-icons a.linkedin {
background: #007bb6;
}
.sm-icons a.youtube {
background: #bb0000;
}
.sm-icons a.envelope {
background: #ed6855;
} footer {
margin-bottom: 10px;
}
.multicolor-divider {
width: 100%;
height: 12px;
margin-bottom: 25px;
border: none;
background: url(//www.ccala.net/wp-content/themes/zbra/assets/images/multicolor-divider.png) top center repeat;
}
footer p, footer a {
color: #030303;	
}
footer p {
margin-bottom: 12px;
}
footer a {
text-decoration: none;
}
footer a:hover {
color: #faa81e;
}
.footer-widgets {
clear: both;
margin-bottom: 25px;
}
.footer-widgets .footer-widget {
float: left;
width: 30%;
margin-left: 2%;
font-size: 12px;
line-height: 1.35em;
background: none !important;
}
.footer-widgets .footer-widget:first-child {
width: 36%;
margin-left: 0;
}
.footer-widgets .footer-widget-title {
margin-bottom: 8px;
font-size: 14px;
font-family: 'latoregular', Arial, sans-serif;
text-transform: uppercase;
}
.footer-widgets ul {
padding: 0;
list-style: none;
}
.footer-widgets ul li {
float: left;
width: 50%;
padding-bottom: 3px;
} .gform_wrapper.two-column_wrapper ul.gform_fields, .gform_wrapper.two-column_wrapper ul.gform_column li.gsection:first-child, .gform_wrapper .gsection {
display: none;
}
.gform_wrapper.two-column_wrapper {
position: relative;
width: 104%;
max-width: 104%;
left: -4%;
}
.gform_wrapper.two-column_wrapper ul.gform_fields.gform_column {
display: block;
float: left;
width: 46%;
margin-left: 4% !important;
}
.gform_wrapper.two-column_wrapper .ginput_container input, .gform_wrapper.two-column_wrapper .ginput_container textarea {
width: 96% !important;
padding: 2% !important;
background: #f4f4f4;
border: none !important;
font-size: 13px !important;
}
.gform_wrapper.two-column_wrapper label {
margin-bottom: 1px !important;
color: #9e9e9e !important;
font-weight: normal !important;
}
.gform_wrapper.two-column_wrapper .gform_footer {
text-align: right;
}
.gform_wrapper.two-column_wrapper .gform_button {
border: none !important;
font-size: 20px !important;
text-transform: lowercase;
cursor: pointer;
} ol.commentlist { list-style:none; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li.comment { padding:1em; }
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard { font:normal 16px 'Museo-500', Arial, sans-serif; }
ol.commentlist li.comment div.vcard cite.fn { font-style:normal; }
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar { border:2px solid #f4f4f4; float:right; margin:0 0 1em 1em; }
ol.commentlist li.comment div.comment-meta { font-size:11px; }
ol.commentlist li.comment div.comment-meta a { color:#4b4b4b; }
ol.commentlist li.comment p { font-size:13px; margin:0 0 1em; }
ol.commentlist li.comment ul { font-size:13px; list-style:square; margin:0 0 1em 2em; }
ol.commentlist li.comment div.reply { font-size:13px; }
ol.commentlist li.comment div.reply a { font-weight:bold; }
ol.commentlist li.comment ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li.comment ul.children li.depth-2 { border-left:5px solid #4b4b4b; margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.depth-3 { border-left:5px solid #c737ab; margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.depth-4 { border-left:5px solid #4b4b4b; margin:0 0 .25em .25em; }
ol.commentlist li.even { background:#fff; }
ol.commentlist li.odd { background:#f4f4f4; }
ol.commentlist li.parent { border-left:5px solid #c737ab; }
#commentform input, #commentform textarea {
padding: 4px;
background: #f4f4f4;
border: none;
} @media screen and (max-width: 990px) {
table {
table-layout: fixed;
}
table td img {
max-width: 100%;
}
.container {
width: 93%;
padding: 0 3.5%;
}
img.size-medium {
max-width: 31% !important;	
}
#site-logo {
width: 150px;
margin: 10px 0;
}
nav, .footer-nav, header .sm-icons {
display: none !important;	
}
.mobile-nav-click {
display: block;
}
.banner-slideshow, .banner-slide {
height: 150px;
}
.home .banner-slideshow, .home .banner-slide, .banner-content table {
height: 300px;
}
.banner-content h1 {
font-size: 23px;
}
#col-left {
width: 68%;
}
.search-table td {
padding: 12px !important;
text-align: center;
}
.search-table label {
display: block;
margin: 0 0 3px;
text-align: left;
}
.search-table input {
width: 100px;
}
.hover-map {
display: none;
}
.mobile-map {
display: block;
margin: 30px 0;
text-align: left;
}
.mobile-map .mobile-dropdown {
font-size: 16px;
padding: 10px;
}
.mobile-dropdown {
padding: 4px;
}
}
@media screen and (max-width: 768px) {
img {
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: crisp-edges;
image-rendering: -webkit-optimize-contrast;
-ms-interpolation-mode: nearest-neighbor;
}
}
@media screen and (max-width: 767px) {
.show-mobile {
display: block !important;
}
.hide-mobile {
display: none !important;
}
body {
font-size: 13px;
overflow-x: hidden;
}
h1, #banner h1, .part-cta h1 {
font-size: 28px;
}
h2 {
font-size: 24px;
}
h3 {
font-size: 22px;
}
.button {
padding: 5px 10px;
font-size: 12px;
line-height: 12px;
}
.tel-mobile {
color: #446eb9;
text-decoration: underline;
}
#mid table td {
display: block;
width: 100%;
padding: 0;
margin: 0 0 20px;
}
#mid .home-logos td, #mid .staff-table td {
display: table-cell;
}
#mid .staff-table th, #mid .staff-table td {
padding: 5px;
margin: 0;
font-size: 12px;
line-height: 15px;
}
#top-bar {
border-bottom-width: 4px;
}
#top-bar .tagline span {
display: none;
}
#top-bar .translate-widget {
float: left;
}
#col-left, #col-right {
float: none !important;
clear: both !important;
}
#col-left {
width: 100% !important;
}
#col-right {
margin: 50px auto 0;
}
.entry-content {
clear: both !important;
}
.gform_wrapper.two-column_wrapper {
width: 100%;
left: 0 !important;
}
.gform_wrapper.two-column_wrapper ul.gform_fields.gform_column {
float: none !important;
width: 90% !important;
margin: 0 auto !important;
}
.gform_wrapper.two-column_wrapper .gform_footer {
margin-top: 0 !important;
text-align: center;
}
.alignright {
max-width: 33% !important;
}
.banner-slideshow, .banner-slide {
height: 120px;
}
.home .banner-slideshow, .home .banner-slide, .banner-content table, .page-id-2521 .banner-slide, .page-id-2521 .banner-slideshow {
height: 200px;
}
.home .banner-slide {
background-position: 85% 0;
}
.banner-content {
width: 65%;
}
.banner-content h1 {
font-size: 20px;
margin-bottom: 0;
}
.multicolor-divider {
height: 8px;
}
.footer-widget {
clear: both !important;
float: none !important;
width: 300px !important;
margin: 0 auto 25px !important;
text-align: center;
}
.footer-widget ul li {
float: none;
width: 100%;
padding-bottom: 6px;
}
#mid .search-table td {
width: 96%;
padding: 2%;
margin: 0;
text-align: left;
}
.search-table input {
width: 98%;
padding: 1%;
}
#mid .search-table .td-search {
text-align: center;
}
.search-result td {
padding-bottom: 30px !important;
}
.search-result .logo-image {
padding-bottom: 5px !important;
text-align: left;
}
.resource-phone {
display: block;
margin: 10px 0 0;
}
.search-table {
width: 100% !important;
margin-left: 0 !important;
}
.search-table td, .search-table .td-search, .search-table .or-separator {
padding: 0 0 15px !important;
}
#mid .search-table .td-search {
margin-top: 30px;
text-align: left;
}
.prev-slide .banner-content {
float: none;
min-width: 1px;
width: 100%;
height: 100%;
}
.prev-slide .h4 {
margin-bottom: 15px;
font-size: 18px;
}
.prev-slide .banner-content .content-bg {
padding: 15px;
margin: 0;
background: rgba(255, 255, 255, 0.6);
}
.prev-slide .button {
display: inline-block;
margin-top: 0 !important;
}
}
@media screen and (max-width: 576px) {
.home .la-cares-popup {
max-width: 100%;
padding: 22.5px;
box-sizing: border-box;
}
.home .la-cares-popup img {
max-width: 100%;
}
.home .la-cares-popup p {
font-size: 1rem;
}
.home .la-cares-popup p:last-child {
margin: 30px 0 7.5px;
}
.home .la-cares-popup .h4 {
margin-bottom: 15px;
font-size: 1.2rem;
}
}
@media screen and (max-width: 480px) {
#top-bar {
border-bottom-width: 2px;
}
.banner-slideshow, .banner-slide {
height: 80px;
}
.home .banner-slideshow, .home .banner-slide, .banner-content table {
height: 160px;
}
.banner-content {
width: 75%;
}
.banner-content h1 {
font-size: 14px;
}
.banner-content .button {
margin: 0 3px;
}
.alignleft, .alignright {
display: block !important;
clear: both !important;
float: none !important;
margin: 15px auto !important;
}
#part-banner .sub-banner span {
margin-right: 5px;
}
}
@media screen and (max-width: 320px) {
.home .banner-slide {
background-position: 73% 0;
}
} #covid-cta {
padding: 10px;
background-color: #446eb9;
color: #fff;
font-size: 110%;
font-weight: 600;
text-align: center;
}
#covid-cta .container {
max-width: 700px;
}
#covid-cta .fa {
position: relative;
top: 2px;
font-size: 22px;
margin-right: 10px;
}
#covid-cta p {
margin-bottom: 0;
}
#covid-cta a {
color: #fff;
}
#covid-cta a:hover {
color: #fafafa;
} .programs-table {
margin-top: -15px !important;
border: none !important;
}
.programs-table td {
padding-top: 22.5px !important;
border: none !important;
vertical-align: middle;
}
.programs-table td:first-child {
width: 150px;
}
.programs-table td:last-child {
padding-left: 15px;
}
.programs-table img {
display: block;
}
.values-cols {
margin-bottom: 0;
}
.values-cols .wp-block-column {
margin-top: 30px;
}
.values-cols .wp-block-image + p {
margin-bottom: 10px;
margin-top: 15px;
}
@media screen and (max-width: 782px) {
.values-cols .wp-block-column {
margin-top: 15px;
}
}
@media screen and (max-width: 767px) {
.programs-table, .programs-table tr, .programs-table td {
display: block;
}
.programs-table {
margin-top: 0 !important;
}
.programs-table tr + tr {
margin-top: 30px !important;
}
.programs-table td {
padding: 0 !important;
}
}
@media screen and (max-width: 640px) {
#part-banner .sub-banner {
margin-top: 10px;
}
}
@media screen and (max-width: 510px) {
.home .prev-slide .banner-content {
min-width: 100%;
}
.home .prev-slide .banner-content p:not(.h4) {
white-space: nowrap;
}
#part-banner .sub-banner {
padding: 15px 0;
}
}
@media screen and (max-width: 450px) {
.banner-content .button {
font-size: 0.9rem !important;
}
#part-banner .sub-banner span {
display: inline-block;
margin-bottom: 10px;
}
} .page-id-2532 strong {
font-weight: 400;
}
.page-id-2532 p, .page-id-2532 li {
font-size: 16px;
}
.page-id-2532 h4 {
font-size: 22px;
letter-spacing: 0;
font-weight: 700;
}
.no-underline {
border-bottom: 0 !important;
}
.add-underline {
border-bottom: 4px solid #faa81e;
margin-bottom: 20px;
padding-bottom: 10px;
}
ul.add-icons {
list-style: none;
padding-left: 0;
margin-top: 10px;
padding-bottom: 0;
}
ul.add-icons li {
padding-left: 85px;
position: relative;
height: 75px;
display: flex;
flex-direction: column;
justify-content: center;
padding-bottom: 20px;
}
ul.add-icons li:last-child {
padding-bottom: 0;
}
ul.add-icons li:nth-child(1)::before {
content: '';
background: url(//www.ccala.net/wp-content/themes/zbra/assets/images/icon1.png);
background-repeat: no-repeat;
width: 75px;
height: 75px;
position: absolute;
background-size: 75px;
left: 0;
}
ul.add-icons li:nth-child(2)::before {
content: '';
background: url(//www.ccala.net/wp-content/themes/zbra/assets/images/icon2.png);
background-repeat: no-repeat;
width: 75px;
height: 75px;
position: absolute;
background-size: 75px;
left: 0;
}
ul.add-icons li:nth-child(3)::before {
content: '';
background: url(//www.ccala.net/wp-content/themes/zbra/assets/images/icon3.png);
background-repeat: no-repeat;
width: 75px;
height: 75px;
position: absolute;
background-size: 75px;
left: 0;
}
ul.add-icons li strong {
font-weight: 400;
}
.blue-buttons .wp-block-button a {
background-color: #003A5D;
color: #ffffff;
font-size: 16px;
font-weight: 900;
margin: 0 60px;
}
.small-buttons .wp-block-button a {
max-width: 200px;
border-radius: 22px;
}
.colored-columns {
margin-top: 20px;
}
.colored-columns > div {
border-radius: 20px;
padding: 30px 20px;
}
.colored-columns > div:nth-child(1) {
background: #97CAEB;
}
.colored-columns > div:nth-child(2) {
background: #FED16D;
}
.colored-columns > div:nth-child(3) {
background: #EE907B;
}
.colored-columns h2 {
border-bottom: 0;
font-size: 26px;
color: #000;
font-weight: 700;
margin-bottom: 0;
}
.colored-columns ul {
padding-bottom: 0;
padding-left: 20px;
}
.colored-columns p {
margin-bottom: 20px;
}
.map-columns {
margin-top: 30px;
justify-content: center;
}
.map-columns .light-blue-button a {
background-color: #97CAEB;
border-radius: 24px;
margin-top: 20px;
margin-bottom: 20px;
color: #000000;
font-weight: 900;
}
.map-columns .yellow-button a {
background-color: #FED16D;
border-radius: 24px;
margin-top: 20px;
margin-bottom: 20px;
color: #000000;
font-weight: 900;
}
.map-columns .orange-button a {
background-color: #EE907B;
border-radius: 24px;
margin-top: 20px;
margin-bottom: 20px;
color: #000000;
font-weight: 900;
}
#col-right.alternate-sidebar {
text-align: center;
background-color: #87B260;
border-radius: 14px;
padding: 30px 15px;
width: 166px;
}
.alternate-sidebar h3 {
color: #000;
font-size: 20px;
font-weight: 700;
position: relative;
padding-top: 50px;
}
.alternate-sidebar h3::before {
content: '';
background: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M39.4561 34.5828L31.6662 26.7945C31.3147 26.443 30.8381 26.2477 30.3381 26.2477H29.0647C31.2209 23.4898 32.5022 20.0219 32.5022 16.2484C32.5022 7.27266 25.228 0 16.2515 0C7.27496 0 0 7.27266 0 16.2484C0 25.2242 7.27418 32.4969 16.2515 32.4969C20.0249 32.4969 23.4944 31.2156 26.2522 29.0594V30.3328C26.2522 30.8328 26.4475 31.3094 26.7991 31.6609L34.5889 39.4492C35.3233 40.1836 36.5108 40.1836 37.2373 39.4492L39.4482 37.2383C40.1826 36.5039 40.1826 35.3172 39.4561 34.5828ZM16.2515 27.4969C10.0375 27.4969 5.00154 22.4703 5.00154 16.2484C5.00154 10.0352 10.0289 5 16.2515 5C22.4655 5 27.5014 10.0266 27.5014 16.2484C27.5014 22.4617 22.4741 27.4969 16.2515 27.4969ZM16.253 8.75C13.0671 8.75 10.4843 11.332 10.4843 14.518C10.4843 17.093 14.2546 21.7875 15.6991 23.4914C15.7669 23.5725 15.8516 23.6377 15.9473 23.6824C16.043 23.7272 16.1474 23.7504 16.253 23.7504C16.3587 23.7504 16.4631 23.7272 16.5588 23.6824C16.6545 23.6377 16.7392 23.5725 16.8069 23.4914C18.2515 21.7875 22.0218 17.0938 22.0218 14.518C22.0218 11.332 19.439 8.75 16.253 8.75ZM16.253 16.25C15.2171 16.25 14.3781 15.4102 14.3781 14.375C14.3781 13.3391 15.2179 12.5 16.253 12.5C17.2882 12.5 18.128 13.3391 18.128 14.375C18.128 15.4102 17.2882 16.25 16.253 16.25Z" fill="white"/></svg>');
background-size: 40px;
top: 0;
width: 40px;
height: 40px;
position: absolute;
left: calc(50% - 20px);
}
.alternate-sidebar a.blue-button {
background-color: #97CAEB;
border-radius: 24px;
color: #000000;
font-weight: 900;
font-size: 16px;
display: block;
padding: 16px;
text-decoration: none;
margin-bottom: 10px;
}
.alternate-sidebar a.yellow-button {
background-color: #FED16D;
border-radius: 24px;
color: #000000;
font-weight: 900;
font-size: 16px;
display: block;
padding: 16px;
text-decoration: none;
margin-bottom: 10px;
}
.alternate-sidebar a.orange-button {
background-color: #EE907B;
border-radius: 24px;
color: #000000;
font-weight: 900;
font-size: 16px;
display: block;
padding: 16px;
text-decoration: none;
margin-bottom: 10px;
}
.alternate-sidebar p:last-child {
margin-bottom: 0;
}
.alternate-sidebar p {
font-size: 16px;
}
@media screen and (max-width: 1024px) {
.blue-buttons .wp-block-button a {
margin: 0 30px;
}
}
@media screen and (max-width: 768px) {
.page-id-2532 img {
max-width: 300px !important;
margin: 0 auto;
}
.colored-columns {
justify-content: center;
}
.colored-columns > div {
max-width: 300px;
}
.blue-buttons .wp-block-button a {
margin: 0 10px;
}
} .no-underline {
border-bottom: 0 !important;
}
h2.no-underline {
font-size: 24px;
}
.mt-20 {
margin-top: 20px;
}
.blue-buttons.button-no-padding .wp-block-button a  {
margin: 0 10px;
}
ol.add-letters ul {
padding-bottom: 0;
list-style-type: lower-alpha;
}
ol.add-letters ul li {
padding-bottom: 5px;
padding-top: 5px;
}
.tall-buttons .wp-block-button {
width: 32%;
}
.tall-buttons .wp-block-button a {
border-radius: 22px;
display: flex;
height: 100px;
align-items: center;
justify-content: center;
}
p.add-icon {
padding-left: 60px;
position: relative;
margin-top: 20px;
padding-top: 10px;
margin-bottom: 45px;
}
p.add-icon::before {
content: '';
width: 50px;
height: 50px;
background: url(//www.ccala.net/wp-content/themes/zbra/assets/images/icon4.png);
background-repeat: no-repeat;
position: absolute;
left: 0;
top: 0;
}
@media screen and (max-width: 768px) {
.mobile-full figure {
float: none !important;
width: 100%;
max-width: none !important;
text-align: center;
margin: 0 !important;
}
.mobile-full figure img {
width: 100%;
}
.mobile-center {
text-align: center;
justify-content: center;
}
.mobile-inline figure {
float: left !important;
clear: none !important;
margin-right: 10px !important;
margin-bottom: 20px !important;
}
.tall-buttons .wp-block-button {
width: 48%;
}
.tall-buttons {
justify-content: center;
}
}
@media screen and (max-width: 500px) {
.tall-buttons .wp-block-button {
width: 100%;
}
}.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}
.fancybox-skin {
position: relative;
background: #f9f9f9;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.fancybox-opened {
z-index: 8030;
}
.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
position: relative;
}
.fancybox-inner {
overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url(//www.ccala.net/wp-content/themes/zbra/assets/js/fancybox/fancybox_sprite.png);
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url(//www.ccala.net/wp-content/themes/zbra/assets/js/fancybox/fancybox_loading.gif) center center no-repeat;
}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url(//www.ccala.net/wp-content/themes/zbra/assets/js/fancybox/blank.gif); -webkit-tap-highlight-color: rgba(0,0,0,0);
z-index: 8040;
}
.fancybox-prev {
left: 0;
}
.fancybox-next {
right: 0;
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}
.fancybox-prev span {
left: 10px;
background-position: 0 -36px;
}
.fancybox-next span {
right: 10px;
background-position: 0 -72px;
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;
} .fancybox-lock {
overflow: hidden;
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: url(//www.ccala.net/wp-content/themes/zbra/assets/js/fancybox/fancybox_overlay.png);
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
} .fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent; background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
padding-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, .8);
}