/*
 Theme Name:     First Line Coastal
 Theme URI:      https://studiono8.com/
 Description:    FLC Child Theme
 Author:         Studio No. 8
 Author URI:     https://studiono8.com/
 Template:       Divi
 Version:        1.0.0
*/
 
/*
------------------------------------------------------- */

/* --- FONTS --- */

h1 {font-family: 'Josefin Sans',Helvetica,Arial,Lucida,sans-serif;
    font-size: 50px;
    color: #012840;}

h2 {font-family: 'Josefin Sans',Helvetica,Arial,Lucida,sans-serif;
    font-size: 40px;
    color: #1E7668;}

h3 {font-family: 'Josefin Sans',Helvetica,Arial,Lucida,sans-serif;
    font-size: 30px;
    color: #3A7B92;}

h4 {font-family: 'Josefin Sans',Helvetica,Arial,Lucida,sans-serif;
    text-transform: uppercase;
    font-size: 20px;
	color: #FFCD00;}

h5 {font-family: 'Josefin Sans',Helvetica,Arial,Lucida,sans-serif;
    font-size: 18px;
	font-weight: 700;
	color: #f7f7f7;}
h6 {
    font-family: 'Josefin Sans',Helvetica,Arial,Lucida,sans-serif;
    font-size: 16px;
	font-weight: 700;
	color: #000000;
}
body {
	font-family: 'Arial',Helvetica,Arial,Lucida,sans-serif;
	font-weight: 400;
    font-size: 15px;
    color: #000000;
}
p, li {
	font-family: 'Arial',Helvetica,Arial,Lucida,sans-serif;
	font-weight: 400;
    font-size: 15px;
    color: #000000;
}
#top-menu a {
	font-family: 'Josefin Sans',Helvetica,Arial,Lucida,sans-serif;
	font-weight: 400;
	font-style: normal;
	text-transform: uppercase;
}
a {color: #1E7668;}

/* --- HEADER --- */

.et-fixed-header #logo {
    content: url(/wp-content/uploads/2023/05/favicon-white.png);
}

@media only screen and (max-width: 600px) {.et-fixed-header #logo {
    content: url(/wp-content/uploads/2023/05/favicon-white.png);
	}
	.et_fixed_nav #main-header {position: fixed;
		top: 0 !important;
		background-color: #012840;}
}

.et_fullwidth_nav #main-header .container {width: 90%;}

@media (max-width: 980px) {
	.et_fixed_nav #main-header {position: fixed;
		top: 0 !important;
	background-color: #012840;}
}

.et_pb_scroll_top.et-pb-icon {color: #f2a766;
background-color: rgba(247,247,247,0.4);
font-size: 60px;
font-weight: bold;
border-radius: 3px;
padding: 0;}

.et_mobile_menu {border-top: none;}

/* HOMEPAGE */

.flc-button {border-top: solid 2px #f2a766;
  border-bottom: solid 2px #f2a766;
  border-left: none;
  border-right: none;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  font-family: 'Josefin Sans',Helvetica,Arial,Lucida,sans-serif;
  padding-top: 10px;
}

.flc-button:hover {background-color: #f2a766;}

/* Team Section */

.team-hold .flc-info-box {
	position: relative;
	bottom: 0;
	overflow: hidden;
	padding: 32px 25px 120px;
}

.team-hold .flc-info-box .flc-social-icons i {
	font-size: 16px;
	margin: 0 15px 0 0;}

/* --- FOOTER --- */

/* --- Footer Menu --- */

.sn8-vertical-menu .et-menu > li {
	padding-left: 0px;
	padding-right: 0px;
}

.sn8-vertical-menu .et_pb_menu__menu nav ul li {
	display: block;
	width: 100%;
	margin: 10px 0;
}

.sn8-vertical-menu .et_pb_menu__menu nav ul li a:hover {
	opacity: 1!important;
	color: #ffcd00;
}

/*style the active menu item*/

@media (max-width: 980px) {
	/*open the mobile menu up and use on all devices*/
	.et-db #et-boc .et-l .sn8-vertical-menu .et_pb_menu__menu {
		display: flex;
	}
	/*hide the hamburger icon*/
	.et-db #et-boc .et-l .sn8-vertical-menu .et_mobile_nav_menu {
		display: none;
	}
}


/* --- PROJECTS --- */
@media only screen and (min-width: 1080px) {
    .flc-proj .et_pb_post.has-post-thumbnail .entry-featured-image-url {
        float: left;
        width: 30%;
        margin-right: 4%;
		margin-bottom: 0;
    }
    .flc-proj .et_pb_post.has-post-thumbnail:not(.format-gallery) > .post-content {
        padding-left: 34%;
    }
	.flc-proj .post-content-inner {
		padding-bottom: 15px;
    }
	
	.et_pb_posts a.more-link {display: inline;}
}

.flc-proj .et_pb_post {background-color: #f7f7f7;
padding: 25px;
margin-bottom: 25px;}


.pagination .alignleft a {
    color: rgba(255,255,255,0);
    position: relative;
}
.pagination .alignleft a:after {
    content: "« More Projects";
    position: absolute;
    text-align: left;
    width: 200px;
    left: 0;
    color: #1e7668;
}
.pagination .alignright a {
    color: rgba(255,255,255,0);
    position: relative;
}
.pagination .alignright a:after {
    content: "Previous Projects »";
    position: absolute;
    text-align: right;
    width: 200px;
    right: 0;
    color: #1e7668;
}


/* --- Indiv Project Pages --- */

.prj-ov {display: flex;
  align-items: flex-start;}

@media (max-width: 980px) {
.prj-ov {display: block;
	}
}

.prj-ov>*:second-child {align-self: stretch;}

.prj-ov .selected {align-self: center;}