/*
===============================================
Ladies Auxiliary - Knights of Columbus of Oceanside, Father Joseph O'Connell Council #3481. All rights reserved.
Site Updated:  April 30th 2018
===============================================
*/

/*
===========================================
*************************   GENERAL FEATURES   *************************
===========================================
*/
html { overflow-x: hidden; overflow-y: scroll; }
html, body { 
    width: 100%; height: 100%;
    margin: 0; padding: 0;
	max-width: 100%;
}
body {
	overflow-x: hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #454545;
}

p    { font-size: 13px; text-align: justify; }
img  { border: none 0; }

a         { color: #003971; text-decoration: underline; }
a:link    { color: #003971; text-decoration: underline; }
a:visited { color: #003971; text-decoration: underline; }
a:hover   { color: #dd0000; text-decoration: none; }


table { border: none 0; }
td    { vertical-align: top; }



.lax-row  { margin-left: 0 !important; margin-right: 0 !important; }
.lax-cont { padding-left: 0 !important; padding-right: 0 !important; }

.lft  { text-align: left; }
.rght { text-align: right; }

h1, h2, h3, h4, h5, h6 { font-family: 'Quicksand'; font-weight: bold; }
h1 { /* Main Headline */
	font-size: 2.5em;
	color: #3894de; /* light blue */
	line-height: 20px;
}
h1.hdr { /* Main Headline */
	line-height: 30px;
	margin: 0 0 20px 0;
}

h2, h3, h4 { color: #37579b; } /* dark blue */

h2 { font-size: 1.85em; } /* Main Sub Headline */
h3 { font-size: 1.6em; } 




.clearfix:after {
    clear: both;
    content: "."; display: block;
    height: 0; visibility: hidden;
}
/*.clearfix { display: inline-block; }*/
.clearfix   { display: block; }





.container700 {
	width: 700px;
}
.container_cntr {
	margin: 0 auto;
}



/*
===========================================
*************************   INDEX HEADER   *************************
===========================================
*/

#header {
	width: 100%; 
	padding: 12px 0; margin: 0;
	background-color: #c9e7ff;
	position: relative;
	border-bottom: solid 2px #7ca6ff;
}
.sticky {
  width: 100%;
  height: 275px;
  z-index: 35;
}
.sticky + .content {
    padding-top: 0;
}
.content-inr {
    width: 95%;
	min-height: 400px;
    padding: 35px 0 20px 0;
	margin: 0 auto;
}


.logo-box {
	width: 340px; height: auto;
    margin: 0 auto;
}
.ladiesaux_logo {
	width: 60px;  height: auto;
	margin: 0 5px; float: left;
}
.ladiesaux_hdr {
	width: 240px; height: auto;
	margin: 5px 0 0 0; padding: 0;
	float: left; 
}
.ladiesaux_copy {
	width: 70%; height: auto;
	margin: 0; padding: 0; 
	float: left;
}
.ladiesaux_copy2 {
	width: 80%; height: auto;
	text-align: center;
	margin: 0 auto;
}
.ladiesaux_copy h1, .ladiesaux_copy2 h2 {
	font-weight: normal;
}
.ladiesaux_copy h1 {
	font-size: 1em !important;
	line-height: 16px;
	padding: 3px 0 0 0;
	color: #454545;
}
.ladiesaux_copy2 h2 {
	font-size: 1.9em !important;
	line-height: 25px;
	padding: 3px 0 0 0;
}

.hdr-icons {
	font-size: 1.2em !important;
	color: #37579b;
	float: left;
	margin: 0 10px;
}
.hdr-icons a, .hdr-icons a:link, .hdr-icons a:visited {
	font-family: Arial, Helvetica, sans-serif !important;
	text-decoration: none;
	color: #454545;
}
.hdr-icons a:hover {
	text-decoration: underline;
	color: #37579b;
}
.hdr-icons a span { font-size: 0.75em; }

.hdr-btn-box { 
    position: relative;
	min-height: 50px;
}
a.hdr-btn, a.hdr-btn:visited {
	width: 80%;
	position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%,-50%);
	font-size: 1.2em; font-weight: bold;
	color: #fff; text-decoration: none;
	line-height: 19px;
	background-color: #3894de;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border: solid 2px #37579b;
	white-space: normal;
}
a.hdr-btn:hover {
	color: #37579b;
	background-color: #ede281;
	border: solid 2px #37579b;
}


@media (min-width:768px){
.sticky { 
    height: 155px;
    position: fixed;
    top: 0;
}
.sticky + .content { padding-top: 155px; }
.content-inr {
    width: 98.5%;
}


.lax-soc-navbar {
	width: auto;
	float: right;
	display: block !important;
	position: absolute;
	top: 7px; right: 10px;
	z-index: 30;
}
.lax-soc-navbar ul {
	list-style: none;
}
.lax-soc-navbar ul li {
	display: inline;
}
.lax-soc-navbar ul li a {
	font-size: 1.2em;
	color: #37579b;
	background-color: #d9e4ed;
	text-decoration: none;
	border: solid 1px tranparent;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.lax-soc-navbar ul li a:hover {
	color: #fff;
	background-color: #3894de;
}
.lax-soc-navbar ul li a.fa-facebook  { padding: 5px 4px 4px 7px; }
.lax-soc-navbar ul li a.fa-twitter   { padding: 5px 1px 4px 4px; }
.lax-soc-navbar ul li a.fa-google    { padding: 5px 1px 4px 4px; }
.lax-soc-navbar ul li a.fa-instagram { padding: 5px 2px 4px 5px; }
.lax-soc-navbar ul li a.fa-youtube   { padding: 5px 2px 4px 5px; }





.logo-cont { position: relative; }
.logo-box {
	width: 100%;
	position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%,-50%);
	margin: 0;
}
.ladiesaux_logo {
	margin: 0 5px 0 0;
}
.ladiesaux_hdr {
	width: 230px;  
} 
.slogan-cont-box {
	width: 100%; 
	height: auto;
	margin: 0;
} 
.slogan-cont-box .col-md-6 {
	width: 80%;
	-ms-flex: 0 0 80%;
	flex: 0 0 80%;
	max-width: 80%;
	margin: 0 auto; 
}

.ladiesaux_copy {
	width: 235px; 
}
.ladiesaux_copy2 {
	width: auto; 
	margin: 0;
}
.ladiesaux_copy h1 {
	font-size: 1em !important;
	line-height: 16px;
}
.ladiesaux_copy2 h2 {
	font-size: 1.65em !important;
	line-height: 24px;
}
a.hdr-btn, a.hdr-btn:visited {
	width: 100%;
} 
.hdr-icons {
	float: none;
	margin: 0 0 0 20px;
}

}







@media (min-width:992px){
#header            { padding: 12px 0 25px 0; }
#header .col-md-5, #header .col-md-2 {
	float: left;
}
.sticky            { height: 135px; }
.sticky + .content { padding-top: 135px; }

.logo-box {
	position: relative;
    top: 0; left: 0;
    transform: translate(0,0);
}
.ladiesaux_logo {
	width: 92px; 
	margin: 0 5px 0 0;
}
.ladiesaux_hdr {
	width: 342px; 
	margin: 5px 0 0 0;
	padding: 0;
}  
.slogan-cont-box {
	margin: 15px 0 0 0;
} 
.slogan-cont-box .col-md-6 {
	width: 50%;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
	float: left;
}

.ladiesaux_copy {
	width: 70%; 
	margin: 0; padding: 0; 
	text-align: center;
	float: left;
}
.ladiesaux_copy2 {
	width: auto; 
	text-align: right;
}
.ladiesaux_copy h1, .ladiesaux_copy2 h2 {
	line-height: 20px;
}
.ladiesaux_copy h1 {
	font-size: 1.2em !important;
	line-height: 20px;
}
.ladiesaux_copy2 h2 {
	font-size: 1.7em !important;
	line-height: 25px;
	margin: 0;
}
/* Firefox Hack */
@media screen and (-webkit-min-device-pixel-ratio:0) 
{ 
    .ladiesaux_copy h1  { font-size: 1.3em !important; }
    .ladiesaux_copy2 h2 { font-size: 1.7em !important; } 
}

.lax-cont-info {
	margin: 10px 0 0 0 !important; 
}
a.hdr-btn, a.hdr-btn:visited {
	width: 80%;
}
}


@media (max-width:1199px) and (min-width:1023px) {
    #header {
        padding: 12px 0;
    }
    .ladiesaux_logo {
        width: 60px;
    }
	.ladiesaux_hdr {
        width: 300px;
    }
	.ladiesaux_copy h1 {
        font-size: 1.1em !important;
    }
	.slogan-cont-box {
        margin: 0;
    }
	.ladiesaux_copy2 h2 {
        font-size: 1.6em !important;
    }
	.hdr-icons a span {
        font-size: 0.8em;
    }
	.sticky + .content {
        padding-top: 150px;
    }
}










/* ******** Header Nav ******** */
.lax-nav-mainbox {
    width: 100%;
	position: relative;
}
.lax-soc-navbar { display: none; }

.lax-navbar {
    width: 100%;
	background: #ede281;
	text-transform: uppercase;
	padding: 5px 0;
	z-index: 10;
}
.lax-navbar a, .lax-navbar a:link, .lax-navbar a:visited  {
    color: #616161; text-decoration: none;
}
.lax-navbar-toggler {
    border: solid 1px #37579b;
	background-color: #3894de;
	padding: 2px 8px;
	margin: 0 10px;
}

.lax-navbar-toggler div {
    width: 30px; height: 4px;
	display: block;
    background-color: #fff;
    margin: 5px 0;
}

.lax-navbar .dropdown-menu {
    margin: 0;
	padding: 0;
}
.navbar-brand { display: none !important; }

.navbar-expand-md .lax-navbar-nav .nav-link {
	padding: 7px 12px !important;
}
.navbar-expand-md .lax-navbar-nav .nav-link:hover {
	color: #fff; background-color: #3894de;
	text-decoration: none;
}

.lax-dropdown-menu .dropdown-item {
	font-size: 0.8em;
	font-weight: normal;
	color: #fff; 
	background-color: #c9e7ff;
	text-decoration: none;
	padding: 3px 8px;
}
.lax-dropdown-menu .dropdown-item:hover {
	color: #fff; 
	background-color: #3894de;
	text-decoration: none;
}


@media (min-width:768px){
.lax-nav-mainbox {
	position: relative;
}
.lax-navbar {
    width: 100%;
	min-height: 37px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fff7b2+7,ede281+93 */
	background: #fff7b2; /* Old browsers */
	background: -moz-linear-gradient(top, #fff7b2 7%, #ede281 93%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fff7b2 7%,#ede281 93%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fff7b2 7%,#ede281 93%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff7b2', endColorstr='#ede281',GradientType=0 ); /* IE6-9 */
	padding: 0 15px;
}
}

@media (min-width:992px){
.lax-navbar a:hover {
    color: #00339f; text-decoration: underline;
}
}


@media (min-width:1200px){
.lax-nav-mainbox {
    width: 1035px;
	position: relative;
	margin: -20px auto 0 auto;
	z-index: 10;
}
.lax-navbar {
	border: solid 2px #7ca6ff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding-top: 0;
	padding-bottom: 0;
}
.dropdown:hover .dropdown-menu {
    display: block !important;
}
}





#footer {
    background-color: #37579b;
    border-top: solid 2px #7ca6ff;
    padding: 15px 0;
    font-size: 1.05em;
    line-height: 16px;
    color: #fff;
}
#footer p {
    font-size: 1.05em;
	text-align: left;
	margin: 0;
}
#footer h3 {
    font-size: 1.75em;
    font-weight: bold;
    color: #fff7b2;
    line-height: 23px;
}
#footer ul.catalists {
    color: #fff;
    margin: 0;
    padding: 0 0 0 35px;
}
#footer ul.catalists li {
	list-style-position: outside;
	list-style-image: url(../images/arrowhd.png);
	margin-bottom: 8px;
}
#footer ul.catalists li a:link    { color: #fff; text-decoration: none; }
#footer ul.catalists li a:visited { color: #fff; text-decoration: none; }
#footer ul.catalists li a:hover   { text-decoration: underline; }

#footer .ftr-link {
	font-size: 0.9em;
	color: #fff7b2;
	text-decoration: none;
	line-height: 30px;
}
#footer .ftr-link:hover { text-decoration: underline; }


#footer ul.contlists {
	 color: #fff;
	 margin: 0; padding: 0;
	 list-style: none;
}
#footer ul.contlists li {
	margin-bottom: 8px;
}
.ftr-icons {
	font-size: 1.2em !important;
	color: #fff7b2;
	float: left;
	margin: 0 10px 30 0;;
}
.ftr-icons a, .ftr-icons a:link, .ftr-icons a:visited, 
.ftr-cont a, .ftr-cont a:link, .ftr-cont a:visited {
	font-family: Arial, Helvetica, sans-serif !important;
	text-decoration: none;
	color: #fff;
}
.ftr-icons a:hover, .ftr-cont a:hover {
	text-decoration: underline;
	color: #fff;
}
.ftr-cont { 
    float: left;
	margin: 0 0 0 8px;
}
.ftr_logo  { display: none; }

.footer-list { margin-bottom: 20px; }


.disclaimer {
    font-size: 0.85em;
	color: #37579b;
	background-color: #fff7b2;
	text-align: center;
	padding: 8px;
	margin: 0 0 35px 0;
}
.disclaimer a, .disclaimer a:link, .disclaimer a:visited {
	text-decoration: none;
	color: #37579b;
}
.disclaimer a:hover {
	text-decoration: underline;
}

.disclaimer .lax-soc-navbar {
	position: relative !important;
	top: -2px !important; right: 0 !important;
}
.disclaimer .lax-soc-navbar ul {
	list-style: none;
	margin: 0 !important;
	padding: 0 !important;
}
.disclaimer .lax-soc-navbar ul li {
	display: inline;
}
.disclaimer .lax-soc-navbar ul li a {
	font-size: 1.2em;
	color: #37579b;
	background-color: transparent !important;
	text-decoration: none;
}
.disclaimer .lax-soc-navbar ul li a:hover {
	color: #3894de !important;
}
.disclaimer.lax-soc-navbar ul li a.fa-facebook, 
.disclaimer.lax-soc-navbar ul li a.fa-twitter, 
.disclaimer.lax-soc-navbar ul li a.fa-google, 
.disclaimer.lax-soc-navbar ul li a.fa-instagram { 
    padding: 0 !important;
}



@media (min-width:768px){
.ftr_logo {
    width: 65px;
	float: left;
	margin: 0 20px 0 0;
	display: inline-block;
}
.footer-list-1-2 {
    width: 100%;
	float: none;
	flex: 0 0 100% !important;
    max-width: 100% !important;
	margin: 0 20px 0 0;
}
.footer-list { margin-bottom: 0; }

.disclaimer {
	text-align: left;
	padding: 8px 0;
}
}


@media (min-width:992px){
#footer .footer-list-1-2 .footer-list {
	float: left;
}
.footer-list-1-2 {
    width: 45%;
	float: left;
	-ms-flex: 0 0 45% !important;
    flex: 0 0 45% !important;
    max-width: 45% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.disclaimer { margin: 0; }
}





.banner-btn-box { 
    width: auto;
	min-height: 40px;
}
a.banner-btn, a.banner-btn:visited {
	min-width: 200px;
	display: inline;
    transform: translate(-50%,-50%);
	font-size: 1.15em; font-weight: bold;
	color: #fff; text-decoration: none;
	line-height: 19px;
	background-color: #3894de;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	border: solid 2px #37579b;
	white-space: normal;
	padding: 5px 20px;
}
a.banner-btn:hover {
	color: #37579b;
	background-color: #ede281;
	border: solid 2px #37579b;
}




.a2a_floating_style {
	width: 100%; padding: 0; position: fixed; bottom: 30%; z-index: 9999995;
	animation: none; margin: 0; left: 0; bottom: 0; border-radius: 0 !important;
	border-top: none 0; border-bottom: none 0; border-left: none 0; border-right: none 0;
}
.a2a_svg   { 
    width: 33.333333%; 
	height: 35px; float: left; 
	margin: 0; padding: 0;
	cursor: pointer;
}
.a2a_label { display: none; }
.a2a_s_facebook, .a2a_s_twitter, .a2a_s_youtube, .a2a_s_foursquare, .a2a_s_googleplus, .a2a_s_instagram, .a2a_s_periscope, .a2a_s_snapchat {
	background-repeat: no-repeat !important; background-position: center center;
}
.a2a_s_facebook   { background-color: #43609c; background-image: url(../images/icons_fb.png) !important; }
.a2a_s_twitter    { background-color: #1dcaff; background-image: url(../images/icons_twt.png) !important; }
.a2a_s_instagram  { background-color: #ded1c1; background-image: url(../images/icons_inst.png) !important; }
.a2a_s_youtube    { background-color: #cc181e; background-image: url(../images/icons_yt01.png) !important; }
.a2a_s_googleplus { background-color: #d34836; background-image: url(../images/icons_gp.png) !important; }




@media (min-width: 768px) {
.a2a_floating_style {
	display: none; 
}
}