/* Enter Your Custom CSS Here */

/* search bar */
.et_fullwidth_nav .et-search-form, .et_fullwidth_nav .et_close_search_field {
    right: 0;
}

.et_header_style_centered .et-search-form input, .et_close_search_field {
    background: #fff;
}

.et_header_style_centered .et-search-form input, .et_close_search_field:after {
    color: #222;
}

::placeholder {
    color: #222;
}


/* stretch top logo 2-21-20*/

@media only screen and (min-width: 981px) {
.et_header_style_centered #main-header .logo_container {
height: auto !important;
} }
@media only screen and (min-width: 981px) {
.et_header_style_centered #logo {
width: 100%;
}
}

#logo {
    margin-top: -20px;
}

/* stretch top logo to edge */
@media (min-width: 981px) {
.et_fullwidth_nav #main-header .container { padding-right: 0px; padding-left: 0px;} }

/* end stretch top logo 2-21-20 */

#top-menu li.mega-menu > ul > li:nth-of-type(1n+1) {
clear: none;
}

/* default to 5 columns (20%)  */
#top-menu li.mega-menu > ul > li {
width: 20%;
margin: 0 0 20px 0; 
}

/* resize slide on mobile */
@media screen and (max-width:900px)
{
.et_pb_fullwidth_slider_0 .et_pb_slide {
background-size: contain!important;
height: 250px !important;
}

}

@media screen and (max-width:479px)
{
.et_pb_fullwidth_slider_0 .et_pb_slide {
background-size: contain!important;
height: 110px !important;
}

}

/* remove menu drop down arrows */
#‎top-menu .menu-item-has-children > a:first-child {padding-right: 0px; padding-bottom: 17px!important;}
#top-menu .menu-item-has-children > a:first-child:after{content: ''; margin-top: -2px;}
#top-menu .menu-item-has-children {padding-right: 0px;}

/* 2nd menu is only 4 columns */
/* this causes weird menu issue - remove for saint raymonds */
/*
#top-menu > li:nth-child(2) > ul > li {
	width: 20%;
}
*/

/* 5nd menu is only 4 columns */
/*
#top-menu > li:nth-child(5) > ul > li {
	width: 15%;
}
*/

/* secondary search bar */

.screen-reader-text { display: none; }
.screen-reader-text {
display: none;
}
 
input#s {
border-radius: 5px;
}
 
input#searchsubmit {
border: 1px solid #ff0000;
color: #FFFFFF;
background-color: #ff0000;
border-radius: 5px;
}
 
form#searchform {
float: right;
}
@media screen and (min-width: 80px) {
#top-header .container {
padding-bottom: 5px;
}
 
#et-secondary-menu .et-social-icons {
margin-top: 6px;
}}


/* kevin - menu transparency helper */
#top-menu li.mega-menu li ul {
        display: none;
        visibility: visible;
        opacity: 1;
background-color:transparent
}

/* get rid of the image that creates a white line under the header */

.et_pb_fullwidth_image_0 img[src=""] {
	display: none; 
}

#top-menu > li {
	text-transform: uppercase;
}

#mobile_menu.et_mobile_menu a, ul#top-menu a {
 text-transform: uppercase;
}

#top-menu > li > a {
  	color: black !important;
}

#top-menu li li a:hover { background-color:#ffffff !important; }

/* Add solid red line to bottom of Menu */
#top-menu li.mega-menu > ul > li > a:first-child {
	color: #000000;
  	font-weight: bold;	
  	font-size: 18px;
	  display: none; /* added 2-22-20 to hide secondary column sub header */
}

.et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li > a, .et_header_style_split .et-fixed-header #et-top-navigation nav > ul > li > a  { padding-bottom: 0px; }


#top-menu-nav #top-menu a:hover,
#mobile_menu_slide a:hover { 
    color: #d1252f !important; 
    opacity:1 !important;
}


.nav li ul { width : 300px; }

}

#top-menu li li a {
	width: 100%;
	font-size: 14px;
	line-height: 15px;
	text-transform: uppercase;
}

#top-menu li li a {
    width: 260px;
    padding: 3px 3px;
  	text-transform: uppercase;
}



#top-menu li.mega-menu.mega-menu-parent-3 > ul > li {
	width: 33.33%;
}


header#main-header {
border-bottom: 2px solid #ff0000;
}
/*
div#top-header{
border-bottom: 2px solid #ff0000;
}
*/

.mega-link > a {
    text-align: center;
    font-size: 212px !important;
    text-transform: uppercase;
    font-weight: 400 !important;
    letter-spacing: 1px;
}
 
.mega-link > a img {
    margin-bottom: 8px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
 
}


/* 2-22-20 2-column menu 
ul.sub-menu {
    margin-right: 350px !important; 
    width: 300px !important;
} 
*/
/* Set the Button Size to equal length */
.et_pb_button { min-width: 280px; text-align:center; }

/* Remove bullets from Gravity forms */
body .gform_wrapper form .gform_body ul,
body .gform_wrapper form .gform_body ul li { 
	list-style-type: none !important; 
	list-style-image: none !important;
	list-style: none !important; 
	background-image: none !important;
	background: none !important;
	padding: 0 !important;
	margin: 0 !important;
	border: none !important
}
body .gform_wrapper form .gform_body ul > li:before {
	content: "";
}

/* Put the description below the picture */
.soliloquy-container { 
  max-height: none !important; 
}
.soliloquy-viewport { 
  height: auto !important; 
}
.soliloquy-container .soliloquy-caption { 
  position: relative !important; 
}

/*** Take out the divider line between content and sidebar ***/
#main-content .container:before {background: none;}
 
/*** Hide Sidebar ***/
#sidebar {display:none;}
 
/*** Expand the content area to fullwidth ***/
@media (min-width: 981px){
#left-area {
    width: 100%;
    padding: 23px 0px 0px !important;
    float: none !important;
}
} Your Custom CSS Here */

/* kevin begin */
/* Customize the coloring for the event widget */


.home .tribe-mini-calendar-list-wrapper {

        height: 350px;

        overflow:scroll;

}

.tribe-mini-calendar-grid-wrapper,


.tribe-mini-calendar-list-wrapper {

  
        width: 100% !important;



        margin: 0 !important;



        float: none !important;



}
.tribe-mini-calendar-nav span,


.tribe-mini-calendar-event .list-date .list-daynumber {



        color: #FFFFFF !important;



}



.tribe-mini-calendar .tribe-mini-calendar-nav td,

.tribe-mini-calendar th {



        background-color: #892713 !important;
        border-color: #892713 !important;



}



tbody tr:first-of-type td {



         border-top: 2px solid #e51b24; 




}



.tribe-mini-calendar td.tribe-events-has-events.tribe-events-present,



.tribe-mini-calendar td.tribe-events-has-events.tribe-mini-calendar-today {

        background-color: #e51b24 !important;



}



.tribe-mini-calendar td.tribe-events-has-events {



       /*  background-color: #81bff0 !important; */
  background-color: #d5b78e !important;



}



.tribe-mini-calendar .tribe-events-has-events:hover a:hover {



        background: #004881 !important;



}



.tribe-mini-calendar-event .list-date {


                background: #892713 !important;



}

h2.tribe-events-title a {
    font-size: 18px;
}

span.tribe-event-date-start {
    font-size: 14px;
}

div.tribe-events-duration {
    font-size: 14px;
    font-weight: bold;
}

div.tribe-events-duration {
    margin-top: -20px;
}

div.tribe-mini-calendar-event {
    height: 70px;
}

/* ====================== SLIDER RELATED ====================== */

/* Slider Title */
.et_pb_slider_with_text_overlay h2.et_pb_slide_title {
padding: 5px 0px 0 0px;
font-size: 21pt;
}

/* Set the slider height */
.et_pb_slider, .et_pb_slider .et_pb_container { 
height: 505px !important; 
}
.et_pb_slider, .et_pb_slider .et_pb_slide { 
max-height: 505px; 
}
.et_pb_slider .et_pb_slide_description { 
position: relative; 
top: 25%; 
padding: 0 !important; 
height:auto !important; 
}

/* Fix the text description box to be at the bottom of the slide */
.et_pb_slider .et_pb_slide_description {
position: relative;
top: 75%;
}
.et_pb_slide_content {
padding-top: 5px !important;
}

.et_pb_slide_content a {
color: white !important;
text-decoration: underline;
font-weight: bold;
}

 

/* ===================== END SLIDER RELATED ==================== */


Custom CSS Here */

/*------------------------------------------------*/
/*----------[GQ - COMPACT MEGA MENU]--------------*/
/*------------------------------------------------*/
 
/* standard drop down */
    .nav li ul {
        width: 160px;
        padding: 0px 0 3px;}
    .nav li li {
        line-height: 14px;}
    .nav li li a {
        font-size: 13px;}
    #top-menu li li {
        margin: 0;
        padding: 0px 5px;}
    #top-menu li li a {
        width: 150px;}
 
/* mega menu drop down */
    #top-menu li.mega-menu > ul {
        width: 900px;
        padding: 5px 5px;}
 
    #top-menu li.mega-menu > ul > li > a, #top-menu li > ul > li > a {
        padding: 7px 5px 7px;}
 
/* default or centered style header mega menu alignment */
    .et_header_style_left #top-menu li.mega-menu > ul {
        left: auto!important;
        right: 0;}
 
    .et_header_style_centered #top-menu li.mega-menu > ul {
        left: auto!important;}
 
    .et_header_style_centered #top-menu > li:last-child.mega-menu > ul {
        left: auto!important;
        right: 0!important;}
 
 
/* first row of titles */
    #top-menu li.mega-menu > ul > li > a:first-child {
        border-bottom: 2px solid #75adde; 
  /* border-bottom: 1px solid #d1252f; */
        font-weight: bold;}
 
/* sub-menu items - 2nd level */
    .nav li li li a {
        font-size: 13px;
		}
 
    #top-menu li li a {
        padding: 0px 5px;
        font-weight: 600;}
 
/* drop down menu items on hover */
    .nav ul li a:hover {
        opacity: 1;
        background-color: #88bae6;}

/* fix blog post picture size */
.single-post .et_post_meta_wrapper > img {
width: 150px;
}

/* single blog post picture size */
.entry-featured-image-url > img {
 width: 150px;
 height: 100%;
}


/* blog even boxes */
.et_pb_post h2 {
height: 40px;
}

#upcomingevents .et_pb_blog_grid .et_pb_post {
min-height: 560px;
}


/* blog read more link */
.et_pb_blog_grid .et_pb_post .post-content .more-link {
color: #ed0000 !important;
text-transform: capitalize;
}

/* blog post black text color in body */
.et_pb_blog_0 .et_pb_post p {
color:#000000;
}

/* front page post minimal height to even out boxes */
article.et_pb_post.clearfix.post.post.type-post.status-publish.format-standard.has-post-thumbnail.hentry.category-featured-boxes {
    height: 650px !important;
}


/* front page events manager */
div.et_pb_code_inner {
    line-height: 16px;
}

img.attachment-180x100.size-180x100.wp-post-image {
    height: 100px;
    width: 100px;
}

div.et_pb_code_inner a img {
    margin-top: -15px;
}

a span u {
    color: #000000;
    font-weight: bold;
}

/* capitalize the memnu font */
li.menu-item.menu-item-type-custom a {
    text-transform: uppercase !important;
}

@media screen and (min-width: 981px) {
    .free-menu-2-column>ul {
        width: 320px!important;
    }
    .free-menu-2-column>ul>li {
        width: 50%!important;
        float: left!important;
    }

/* move menu child slightly to the left */
	ul.sub-menu {
    margin-left: -75px !important;
	}

	/* password protected page */
/* fix password protected posts */
.et_password_protected_form p,#page-container .et_password_protected_form p input, .et_password_protected_form .et_submit_button{
margin: 5% 20%;
width:60% !important;
}
#page-container .et_password_protected_form p input{margin-bottom:0px !important;}
.et_password_protected_form .et_submit_button{margin-top:0px !important;}
	
	/* fix calendar bug 4-10-2024 - wrong organizer */
	
	div.tribe-events-meta-group.tribe-events-meta-group-organizer {
    display: none;
}