/*
 Theme Name:   LA Date Ideas Child
 Theme URI:    http://ladateideas.com
 Description:  LA Date Ideas Divi Child Theme
 Author:       Brian Shim
 Author URI:   http://brianshim.com
 Template:     Divi
 Version:      1.3
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  ladi
*/


/* -----------------------------------------------
    FONTS
    https://google-webfonts-helper.herokuapp.com/fonts/oswald?subsets=latin
   ----------------------------------------------- */
/* oswald-500 - latin */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 500;
src: local(''),
        url('../ladateideas/fonts/oswald-v49-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../ladateideas/fonts/oswald-v49-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-regular - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local(''),
         url('../ladateideas/fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../ladateideas/fonts/open-sans-v34-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* open-sans-700 - latin */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local(''),
         url('../ladateideas/fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../ladateideas/fonts/open-sans-v34-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* open-sans-italic - latin */
  @font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local(''),
         url('../ladateideas/fonts/open-sans-v34-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../ladateideas/fonts/open-sans-v34-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }


/* -----------------------------------------------
    HTML ELEMENTS
   ----------------------------------------------- */
body {
    line-height: 1.5em;
    font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
    clear: both;
}

.single h2, 
.single h3, 
.single h4, 
.single h5,
.single article h2, 
.single article h3, 
.single article h4, 
.single article h5 {
    margin: 20px 0 10px;
}

.meta h3,
h3#reply-title {
	border-bottom: none;
}

@media only screen and (max-width: 680px) {
    #main-content h2 {
        font-size: 26px;
    }
    #main-content h3 {
        font-size: 22px;
    }
    #main-content h4 {
        font-size: 18px;
    }
    #main-content p,
    #main-content ul,
    #main-content ol {
        font-size: 16px;
        line-height: 1.6em;
    }
}

ul li,
ol li {
    margin-left: 20px;
    margin-bottom: 10px;
    list-style-position: outside;
}

p:not(.has-background):last-of-type {
    padding-bottom: 1em;
}
p:not(.has-background):last-child {
    padding-bottom: 0;
}
.et_pb_blog_grid p:not(.has-background):last-of-type {
    padding-bottom: 0;
}

/* -----------------------------------------------
    GUTENBERG ELEMENTS
   ----------------------------------------------- */
.wp-block-image {
    width: 100%;
    margin: 0;
}

/*
.wp-block-image.size-full img,
.wp-block-image.size-large img {
    width: 100%;
}
*/

.wp-block-image figcaption {
    margin-top: 0px;
    text-align: center;
    font-size: 80%;
    font-style: italic;
}

#left-area ul.blocks-gallery-grid {
    padding:0; 
    margin: 0;
}
figcaption.blocks-gallery-caption {
    font-size: 80%;
    text-align: center;
    font-style: italic;
    margin: 0 auto;
}
figure.wp-block-gallery {
    margin-bottom: 1em;
}

p.has-drop-cap:not(:focus):first-letter {
    font-size: 4.0em;
}

p.has-background {
    margin-bottom: 1em;
}

#left-area ul, 
.entry-content ul, 
.et-l--body ul, 
.et-l--footer ul, 
.et-l--header ul {
    padding: 0px;
}

#main-content .et_pb_widget.jetpack_widget_social_icons {
    margin-bottom: 0;
}

/* ACCORDION FORMATTING */
.single .wp-block-pb-accordion-item h2 {
    margin-top: 0px;
    padding: 10px 0 0;
}
.single .wp-block-pb-accordion-item h3 {
    margin-bottom: 0;
    margin-top: 10px;
}
.wp-block-pb-accordion-item.is-open {
    padding-bottom: 1em;
    margin-bottom: 1em;
    background-color: rgba(160,186,193,0.34);
}


/* -----------------------------------------------
    SUBSCRIBE WIDGET
   ----------------------------------------------- */
#main-content .post-content-widgets .et_pb_widget.widget_block {
    margin-top: 0;
    margin-bottom: 0;
}

#main-content .post-content-widgets .no-margins {
    margin-left: 0;
}

#main-content #subscribe-email {
    padding-bottom: 0;
}

#main-content .jetpack_subscription_widget .wp-block-jetpack-subscriptions__subscount {
    text-align: center;
    margin-top: 0;
}
.jetpack-social-widget-list {
    text-align: center;
}

#main-content .jetpack-social-widget-list {
    margin-bottom: 0;
}

/* -----------------------------------------------
    DIVI ELEMENTS
   ----------------------------------------------- */
/* MAKE IMAGES FULL WIDTH ON MOBILE */
#et-boc .et_pb_row {
    width: 94%;
}
.single-post #et-boc .et_pb_row {
    width: 100%;
}

#et-boc .et_pb_fullwidth_portfolio_0 {
    padding-top: 80px;
}

@media (max-width: 767px) {
    .et_pb_portfolio_item h2, 
    .et_pb_post h2, 
    .et_pb_title_container h1 {
        font-size: 32px;
    }
    
    .et_pb_portfolio_item h3, 
    .et_pb_post h3 {
        font-size: 24px;
    }
    
}

/* MAKE ALL CONTENT WIDER */
.container,
.et_pb_row,
.et_pb_pagebuilder_layout.single.et_full_width_page #page-container .et_pb_row, 
.et_pb_pagebuilder_layout.single.et_full_width_portfolio_page #page-container .et_pb_row,
.single.et_pb_pagebuilder_layout.et_full_width_page .et_post_meta_wrapper {
    width: 94%;
}

/* LIMIT MAIN LOGO WIDTH TO PREVENT OVERLAP WITH MENU */
img#logo {
    max-width: 300px;
}

#top-menu li {
    padding-right: 10px;
}

/* -----------------------------------------------
    MAKE HEADER STICKY ON MOBILE 
   ----------------------------------------------- */
@media (max-width: 980px) {
    /* MAKE HEADER STICKY */
    .et_fixed_nav #main-header {
        position: fixed;
        background-color: black;
    }
    /* MAKE IT THINNER */
    .et_fixed_nav #main-header,
    .et_fixed_nav #main-header > .container,
    .et_header_style_left .logo_container,
    body.admin-bar.et_fixed_nav #main-header {
        height: 50px;
    }
    .et_header_style_left .et-fixed-header #et-top-navigation, .et_header_style_left #et-top-navigation {
        padding-top: 10px;
    }
    .et_header_style_left #et-top-navigation .mobile_menu_bar {
        height: 40px;
    }
    #main-header .et_mobile_menu {
        background-color:black;
    }
}
/* MAKE DROPDOWN MENU SCROLLABLE */
#main-header ul.et_mobile_menu {
    max-height: calc( 100vh - 140px );
    overflow-y: auto;
}
#main-header .et_mobile_menu::-webkit-scrollbar {
    width: 1px;
}
/* DECREASE LINE SPACING IN DROPDOWN MENU (OPTIONAL) */
#main-header ul.et_mobile_menu li {
    margin-bottom: 0;
}
#main-header ul.et_mobile_menu li a {
    padding-top: 5px;
    padding-bottom: 5px;
    text-decoration: none;
}
/* MAKE DROWPDOWN TEXT UPPERCASE (OPTIONAL) */
#main-header ul.et_mobile_menu a {
    text-transform: uppercase;
}


/* https://www.youtube.com/watch?v=Baesu86nCqk */
/* Change the hamburger icon to an X when opened */
.mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d';
}



/* GET RID OF SPACE BETWEEN HEADER AND MAIN IMAGE */
/*.single-post .entry-content p:first-child,  */
/*
.home .entry-content p:first-child {
    padding-bottom: 0px;
}
*/

.home .horizontal-feed .et_pb_posts .post-content {
    display: none;
}


/* GET RID OF CSS JUMP ON CATEGORY PAGEES */
.archive.category #et-boc .et_pb_section:first-of-type {
    padding-top: 117px !important;
}
@media (max-width: 980px) {
    .archive.category #et-boc .et_pb_section:first-of-type {
        padding-top: 70px !important;
    }
}

/* REDUCE SUBTITLE EMPTY SPACE */
.et_pb_fullwidth_portfolio .et_pb_portfolio_title, .et_pb_fullwidth_portfolio h2.et_pb_portfolio_title {
    margin: 16px 0 10px;
}

#main-content .container {
    padding-top: 20px;
    background-color: white;
}

.et_pb_post .entry-content {
    padding-top: 0px;
}

/* GET RID OF EXTRANEOUS SPACE AFTER HEADER */
.et-l.et-l--post .et_builder_inner_content>p,
.et_builder_inner_content.et_pb_gutters3 p:first-of-type {
    margin:0;
    padding:0;
}

.et_pb_module.et_pb_fullwidth_header {
    padding-top: 130px !important;
}


.et_pb_post .entry-featured-image-url {
    margin-bottom: 10px;
}

/* REDUCE SPACE AFTER POSTS */
.et_pb_post {
    margin-bottom: 20px !important;
}

/* READ MORE LINK */
.et_pb_posts a.more-link {
    text-transform: capitalize;
    border: 1px solid;
    display: inline-block;
    padding: 2px 17px;
    font-size: 12px;
    border-radius: 3px;
    float: right;
}

/* FIX SIDEBAR CLEARING ON GENERIC POST TEMPLATE */
#left-area {
    float: left;
}
#left-area ol,
#left-area ul {
    list-style-position: outside;
    margin-left: 20px;
}

#main-content .container:before {
    background-color: transparent;
}

/* POST BACKGROUND IMAGES */
.et_pb_section .et_parallax_bg {
    background-position: center;
}


/* -------------------------------------------------
    MAKE PORTFOLIO MODULE TITLES ALWAYS VISIBLE INSTEAD OF ONLY ON HOVER
   ------------------------------------------------- */

#main-content .et_pb_fullwidth_portfolio .meta,
#main-content .et_pb_fullwidth_portfolio .et_overlay {
    z-index: 1;
    opacity: 1;
}
#main-content .et_pb_fullwidth_portfolio .et_pb_portfolio_item:hover .et_overlay {
    z-index: -1;
    opacity: 0;
}

/* MOVE TITLES UP SLIGHTLY */
.et_pb_fullwidth_portfolio .et_pb_portfolio_image .et_pb_module_header, 
.et_pb_fullwidth_portfolio .et_pb_portfolio_image h3 {
    margin-top: 30%;
}

.et_pb_fullwidth_portfolio h3.et_pb_module_header {
    font-weight: normal; 
}

/* LIMIT TO TWO COLUMNS MINIMUM ON MOBILE */
.et_pb_fullwidth_portfolio .et_pb_portfolio_item.et_pb_grid_item {
    max-width: 50% !important;
    max-height: 50vw !important;
}

/* KEYBOARD ACCESSIBILITY FOR PORTFOLIOS */
.et_pb_portfolio_item .meta a.keyboard-outline span.et_overlay {
    background: rgba(0,0,0,0.2) !important;
}

/* -------------------------------------------------
    CUSTOM SINGLE POST TEMPLATE
   ------------------------------------------------- */
.featured-image-container {
	height:85vh;
	min-height: 300px;
	overflow: hidden;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}
/* FIXED HEADER BACKGROUND IMAGE FOR DESKTOP ONLY; DOESN'T WORK ON MOBILE */
@media only screen and (min-width: 781px) {
	#main-content .featured-image-container {
			background-attachment:fixed;
    } 
}
@media only screen and (max-width: 782px) {
    #main-content .featured-image-container {
      margin-top: 80px;
    } 
}

.single-post #page-container #main-content .container {
	padding-top: 2em;
}
.single-post #page-container #main-content .container .entry-content h2:first-child {
	margin-top: 0px;
}

/* GIVE MARGINS TO NON-IMAGE CONTENT */
.single-post blockquote,
.single-post div.wp-block-columns,
.single-post hr,
.single-post p,
.single-post .et_pb_module ul,
.single-post ol,
.single-post h2,
.single-post h3,
.single-post h4,
.single-post .textwidget,
.single-post .et_social_inline {
    margin-left: auto;
    margin-right: auto;
    max-width: 720px;
    width: 94%;
}

.single-post p.post-meta {
    width: 100%;
}

.post-nav a {
    text-transform: uppercase;
    font-weight: normal !important;
}

#subscribe-submit {
    max-width: 121px;
}

/* -------------------------------------------------
    MAP
   ------------------------------------------------- */

.et_pb_map {
    height: 600px !important;
}

/* GIVE MAP SOME BACKGROUND COLOR WHILE LOADING */
.et_pb_module.et_pb_map_container.et_pb_map_0 {
    background-color: rgba(200,200,200,0.7);
}

/* MAKE LINKS BOLD */
.et_color_scheme_red a {
    color: #A8474D;
}

#et-main-area .leaflet-control-zoom a {
    text-decoration: none !important;
}


/* -----------------------------------------------
    POST TEMPLATE
   ----------------------------------------------- */

/* MAKE AFTER-ARTICLE WIDGETS FULL-WIDTH */
#main-content .et_pb_widget {
	width: 100%;
	margin: 20px 0;
}


/* MAKE SIDEBAR LINKS RED AND NORMAL WEIGHT */
.et_pb_widget_area .et_pb_widget a {
    /* color: #cd5c5c; */
    color: #A8474D;
}
.et_pb_bg_layout_light .et_pb_widget li a {
    /* color: #cd5c5c; */
    color: #A8474D;
    font-weight:normal;
}
/*
.et_pb_widget ul li {
    border-bottom: 1px solid #ddd;
}
*/

/* HIGHLIGHT JETPACK EMAIL SIGNUP FORM */
.jetpack_subscription_widget.et_pb_widget {
    padding: 0 20px 20px;
    box-shadow: 2px 2px 10px grey;
    color: #333;
}


/* MONARCH */
.et_monarch .et_pb_section .et_social_inline_bottom {
	margin-top: 30px;
}


/* -----------------------------------------------
    DIVI BARS
   ----------------------------------------------- */
.divibars-body {
	text-align: center;
}


/* -------------------------------------------------
    FOOTER
   ------------------------------------------------- */


/* FOOTER LIST */
.et_pb_bg_layout_dark .et_pb_widget li a {
    font-weight:normal;
}

#et-main-area #footer-widgets .footer-widget h2 {
    font-size: 24px;
    color: #dddddd;
}

/*
#et-main-area #footer-widgets .footer-widget .et_pb_widget.widget_block {
    margin-bottom: 0;
}
*/

#footer-widgets .footer-widget li {
    margin-left: 0;
    padding-left: 0;
}
#footer-widgets .footer-widget li:before {
    border-radius: 0;
    border-width: 0;
}

.bottom-nav li {
    margin-bottom: 0;
}

/* -------------------------------------------------
    JETPACK RELATED POSTS
   ------------------------------------------------- */

/* RELATED POSTS */
/*
.entry-content #jp-relatedposts h3.jp-relatedposts-headline {
    font-family: 'Oswald',Helvetica,Arial,Lucida,sans-serif;
    font-weight: normal;
    width: 100%;
    font-size: 30px;
}
h4.jp-relatedposts-post-title {
    padding-bottom: 0px;
}
.entry-content #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post {
    opacity: 1;
}
.entry-content #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a {
    font-family: 'Oswald',Helvetica,Arial,Lucida,sans-serif;
    font-size: 24px;
}
.entry-content #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:hover .jp-relatedposts-post-title a {
    text-decoration: none;
}
.entry-content #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
    width: 100% !important;
}

@media screen and (max-width: 620px) {
    .entry-content #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a {
        font-size: 18px;
    }
}
*/



/* -------------------------------------------------
    COMMENTS
   ------------------------------------------------- */
#comments {
    margin-bottom: 0;
}

.comment_avatar {
    max-width: 80px;
}

#comment-wrap .comment-subscription-form {
    margin-bottom: 0;
}
#comment-wrap #commentform textarea {
    background-color: #ddd;
    color: #777;
}

@media only screen and (max-width: 479px) {
    li.comment {
        margin-left: 0;
    }
	#comment-wrap article.comment-body {
		padding-right: 0px;
		padding-left: 60px;
	}
	.comment_avatar {
		max-width: 40px;
		max-height: 40px;
	}
    .comment_avatar img {
        max-width: 100%;
    }
	.single p,
	.single li {
		font-size: 16px;
        overflow-wrap:break-word;
	}
	.comment .children {
		padding-left: 30px;
	}
	
}


/* -------------------------------------------------
    GOOGLE ADS - LIMIT MAX SIZE
   ------------------------------------------------- */
.ladi-google-ad {
    text-align:center;
    width: 100%;
    max-width: 1000px;
    margin: 1em auto;
}
.ladi-google-ad:first-of-type {
    min-height: 300px;
}

/* CENTER INSTAGRAM EMBEDS */
.instagram-media{
	margin:0 auto!important;
}
iframe.instagram-media {
    max-width: 720px !important;
    min-width: 0 !important;
}

/* -------------------------------------------------
    MAKE BLOG FEED HORIZONTAL
	ADD 'horizontal-feed' CLASS TO COLUMN
   ------------------------------------------------- */
/*
.horizontal-feed .et_pb_posts article a.entry-featured-image-url,
.horizontal-feed.et_pb_posts article a.entry-featured-image-url,
body.archive #left-area article a.entry-featured-image-url {
	width: 30%;
	float: left;
	padding-right: 2%;
}

.horizontal-feed .et_pb_posts article a.entry-featured-image-url img,
.horizontal-feed.et_pb_posts article a.entry-featured-image-url img,
body.archive #left-area article a.entry-featured-image-url img {
	height: 140px;
  object-fit: cover;
}

.horizontal-feed .et_pb_posts article h2.entry-title,
.horizontal-feed.et_pb_posts article h2.entry-title,
body.archive #left-area article h2.entry-title {
	clear: none;
	float: left;
	display: block;
	width: 70%;
	font-size: 1.8rem;
}
 
.horizontal-feed .et_pb_posts article div.post-content,
.horizontal-feed.et_pb_posts article div.post-content,
body.archive #left-area article div.post-content {
	float: left;
	width: 70%;
}

@media only screen and (max-width: 860px) {
	.horizontal-feed .et_pb_posts article a.entry-featured-image-url,
	.horizontal-feed.et_pb_posts article a.entry-featured-image-url,
	body.archive #left-area article a.entry-featured-image-url {
		width: 40%;
	}

	.horizontal-feed .et_pb_posts article h2.entry-title,
	.horizontal-feed.et_pb_posts article h2.entry-title,
	body.archive #left-area article h2.entry-title {
		width: 60%;
		font-size: 1.4rem;
	}

	.horizontal-feed .et_pb_posts article div.post-content,
	.horizontal-feed.et_pb_posts article div.post-content,
	body.archive #left-area article div.post-content {
		width: 60%;
	}
}

@media only screen and (max-width: 400px) {
	.horizontal-feed .et_pb_posts article a.entry-featured-image-url,
	.horizontal-feed.et_pb_posts article a.entry-featured-image-url,
	body.archive #left-area article a.entry-featured-image-url {
		width: 106.3%;
		clear: both;
		float: none;
        padding-right: 0;
        margin-left: -3.15%;
	}

	.horizontal-feed .et_pb_posts article h2.entry-title,
	.horizontal-feed.et_pb_posts article h2.entry-title,
	body.archive #left-area article h2.entry-title {
		width: 100%;
		clear: both;
		float: none;
		font-size: 1.4rem;
	}

	.horizontal-feed .et_pb_posts article div.post-content,
	.horizontal-feed.et_pb_posts article div.post-content,
	body.archive #left-area article div.post-content {
		width: 100%;
		clear: both;
		float: none;
	}
}
*/