/*---------------------------------------------------------------------------------

 Theme Name:   Hotel Directory
 Theme URI:    http://test.local
 Description:  UGA Center for Continuing Education & Hotel
 Author:       Georgia Center Webmaster
 Author URI:   
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/

/* Desktop MEGA MENU */
 
/* standard drop down */
    .nav li ul {
        width: 250px;
        padding: 3px 3px 3px 3px;}
    .nav li li {
        line-height: 1.15rem;}
    .nav li li a {
        font-size: .8rem;}
    #top-menu li li {
        margin: 0;
        padding: 0px 5px;}
    #top-menu li li a {
        width: 250px;}
 
/* mega menu drop down */
    #top-menu li.mega-menu > ul {
        width: 250px;
        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!important;}
 
    .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: 1px solid #ba0c2f;
        font-weight: bold;}
 
/* sub-menu items - 2nd level */
    .nav li li li a {
        font-size: .8rem;}
 
    #top-menu li li a {
        padding: 0px 5px;
        font-weight: 400;}
 
/* drop down menu items on hover */
    .nav ul li a:hover {
        opacity: 1;
        background-color: #f3f3f3;
}

/* adding space between top level menus */
	.et_pb_menu .et-menu li {
    	padding-left: 25px;
    	padding-right: 15px;
}



/*=================================*/
/* #### Header Logo size #### */
/*=================================*/

.et_pb_menu__logo img[src$=".svg"] {
  width: 210px;
}


/* ----------- Main Text ------------------ */

.main p {
	color: black;
	font-size: 1.15rem;
	/* font-family: 'Merriweather Sans',Helvetica,Arial,Lucida,sans-serif; */
	line-height: 1.75rem;
	font-weight: 300;
}

.main a {
	color: #BA0c2f;
	font-size: 1.15rem;
	/* font-family: 'Merriweather Sans',Helvetica,Arial,Lucida,sans-serif; */
	transition: color 300ms ease 0ms;
	text-decoration: underline;
}

.main a:hover {
	color: #e4002b;
	font-size: 1.15rem;
    text-decoration: underline;
}

.et-l--body ul,
.main ul {
	padding-bottom: 1em;
	margin-left: 3rem;
	line-height: 2rem;
	font-size: 1.15rem;
	padding-top: .5em;
	font-weight: 300;
	list-style-position: outside;
	color: black;
	list-style-type: disc;
}

.main ul > li > ul {
	margin-left: 1.5rem;
}

.main ul > li > ul > li {
    padding-bottom: .5em;
	margin-left: .5rem;
	list-style-position: outside;
	color: black;
	list-style-type: circle !important;
}

.main ul > li > ul > li > ul {
	margin-left: 1.5rem;
}

.main ul > li > ul > li > ul > li {
    padding-bottom: .5em;
	margin-left: .5rem;
	list-style-position: outside;
	color: black;
	list-style-type: square !important;
}

.main ol {
    padding-bottom: 1em;
	padding-left: 3em;
	line-height: 2rem;
	font-size: 1.15rem;
	padding-top: .5em;
	font-weight: 300;
	list-style-position: outside;
	color: black;
}

.main h1 {
	font-weight: 700;
	color: black;
	line-height: 1.5em;
	padding-bottom: 10px;
	font-size: 2.5rem;
}

.main h2 {
	font-weight: 700;
	color: black;
	line-height: 1.5em;
	padding-bottom: 10px;
	font-size: 2.15rem;
}

.main h3 {
	font-weight: 700;
	color: black;
	line-height: 1.5em;
	padding-bottom: 10px;
	font-size: 1.8rem;
}

.main h4 {
	font-weight: 700;
	color: black;
	line-height: 1.5em;
	padding-bottom: 10px;
	font-size: 1.55rem;
}

.main h5 {
	font-weight: 700;
	color: black;
	line-height: 1.5em;
	padding-bottom: 10px;
	font-size: 1.35rem;
}

.main-single-card h3 {
	color: white !important;
}

.double-card h3 {
	color: white !important;
	font-size: 2rem !important;
}

@media (max-width: 980px) {
  .et_pb_column {
    width: 100%;
    margin-bottom: 0px !important;
  }
}

/* ----------- Main Text Mobile ------------------ */

@media (max-width: 980px) {
  .main p {
	color: black;
	font-size: 1.05rem;
	/* font-family: 'Merriweather Sans',Helvetica,Arial,Lucida,sans-serif; */
	line-height: 1.75rem;
	font-weight: 300;
}

.main a {
	color: #BA0c2f;
	font-size: 1.05rem;
	/* font-family: 'Merriweather Sans',Helvetica,Arial,Lucida,sans-serif; */
	transition: color 300ms ease 0ms;
	text-decoration: underline;
}

.main a:hover {
	color: #e4002b;
	font-size: 1.05rem;
    text-decoration: underline;
}

.et-l--body ul,
.main ul {
	padding-bottom: 1em;
	margin-left: 3rem;
	line-height: 2rem;
	font-size: 1.05rem;
	padding-top: .5em;
	font-weight: 300;
	list-style-position: outside;
	color: black;
	list-style-type: disc;
}

.main ul > li > ul {
	margin-left: 1.5rem;
}

.main ul > li > ul > li {
    padding-bottom: .5em;
	margin-left: .5rem;
	list-style-position: outside;
	color: black;
	list-style-type: circle !important;
}

.main ul > li > ul > li > ul {
	margin-left: 1.5rem;
}

.main ul > li > ul > li > ul > li {
    padding-bottom: .5em;
	margin-left: .5rem;
	list-style-position: outside;
	color: black;
	list-style-type: square !important;
}

.main ol {
    padding-bottom: 1em;
	padding-left: 3em;
	line-height: 2rem;
	font-size: 1.05rem;
	padding-top: .5em;
	font-weight: 300;
	list-style-position: outside;
	color: black;
}

.main h1 {
	font-weight: 700;
	color: black;
	line-height: 1.5em;
	padding-bottom: 10px;
	font-size: 1.25rem;
}

.main h2 {
	font-weight: 700;
	color: black;
	line-height: 1.5em;
	padding-bottom: 10px;
	font-size: 1.15rem;
	margin-bottom: 12px;
}

.main h3 {
	font-weight: 700;
	color: black;
	line-height: 1.5em;
	padding-bottom: 10px;
	font-size: 0.85rem;
}

.main h4 {
	font-weight: 700;
	color: black;
	line-height: 1.5em;
	padding-bottom: 10px;
	font-size: 1.45rem;
}

.main h5 {
	font-weight: 700;
	color: black;
	line-height: 1.5em;
	padding-bottom: 10px;
	font-size: 1.25rem;
}
}

@media (max-width: 425px) {
  .double-card h3 {
	color: white !important;
	font-size: 1.25rem !important;
}
	.main h3 {
	font-weight: 700;
	color: black;
	line-height: 1.5em;
	padding-bottom: 10px;
	font-size: 0.75rem;
}
	.et_pb_button {
		width:100%;
	}
}

/* ----------- Slider ------------------ */


.metaslider.ms-theme-draxler .flexslider .caption-wrap {
	bottom: unset;
transform: translateY(0);
z-index: 2;
opacity: 1;
font-size: 2rem;
font-weight: 900;
position: absolute;
top: 0px;
left: 0px;
	text-decoration: none !important;
}

.metaslider.ms-theme-draxler .flexslider .caption-wrap .caption a {
	text-decoration: none !important;
}

@media (max-width: 425px) {
	.metaslider.ms-theme-draxler .flexslider .caption-wrap {
		top: -20px !important;
		left: -10px;
		font-size: 1rem !important;
		
	}
}

/*=================================*/
/* 2 column grid tan background */
/*=================================*/

.two-column-g {
  display: grid;
  grid-template-columns: 35% 65%;
  align-content: center;
	
  border: 1px solid black;
  background: rgb(214, 210, 196, 0.2);
  border-radius: 10px;
  margin-top: 20px;
  margin-bottom: 30px;
  
}

.two-column-g div:nth-child(even) {
	padding: 20px;
	font-size: 1.05rem;
	line-height: 1.75rem;
	font-weight: 300;
}

.two-column-g div:nth-child(odd) {
	padding: 20px;
	text-transform: uppercase;
	font-size: 1.05rem;
	line-height: 1.75rem;
	font-weight: 300;
}

/*=================================*/
/* 2 column grid icon text */
/*=================================*/

.two-column-icon-cta {
  display: grid;
  grid-template-columns: 50px auto;
  align-content: center;
  align-items: center;
  	
  margin-top: 30px;
  margin-bottom: 30px;
  
  
}

.two-column-icon-cta a {
  cursor: pointer;
  color: black !important;
  text-decoration: none !important;
}

.two-column-icon img {
	width: 40px;
	height: 40px;
}

.two-column-icon-l img {
	width: 50px;
	height: 50px;
	border-radius: 100%;
}

.two-column-text {
	padding: 20px;
	font-size: 1.05rem;
	line-height: 1.75rem;
	font-weight: 300;
	width: 100%;
}

.styled-line-a {
  border-bottom: 1px solid rgb(216, 216, 216);
  margin-bottom: 20px;
}