/*
Theme Name: Fraser Energy
Author:     Provident Pro
Author URI: https://www.providentpro.com/
Version:    0.0.4
*/

@import url('editor-style.css?ver=0.0.4');

html { box-sizing:border-box; }
*, *:before, *:after { box-sizing:inherit; }

body { background-color:#43aa48; }

.container { margin:0 auto; padding:0 15px; max-width:100%; width:1440px; }

.columns { display:table; table-layout:fixed; width:100%; }
.column { display:table-cell; vertical-align:middle; }
.columns.align-top > .column { vertical-align:top; }

/* Mobile Menu */
#mobile-menu { background-color:#43aa48; bottom:0; box-shadow:3px 0px 6px 0px rgba(0, 0, 0, 0.15); left:0; padding:48px 0; position:fixed; overflow-x:hidden; top:0; transition:width 0.3s; width:0; z-index:2; }
.admin-bar #mobile-menu { top:32px; }

#mobile-menu .close { border-radius:50%; color:#fff; display:block; height:36px; position:absolute; top:6px; right:6px; width:36px; text-align:center; transition:background-color 0.3s; }
#mobile-menu .close i { line-height:36px; }
#mobile-menu .close:hover { background-color:#2f9032; }

#mobile-menu ul { list-style-type:none; margin-bottom:0; padding-left:0; }
#mobile-menu ul li { font-size:15px; font-weight:400; line-height:48px; white-space:nowrap; }
#mobile-menu ul li a { color:#fff; display:block; overflow:hidden; padding:0 12px; text-overflow:ellipsis; transition:background-color 0.3s; }
#mobile-menu ul li.menu-item-has-children > a { padding-right:0; }
#mobile-menu ul li a:hover { background-color:#2f9032; text-decoration:none; }
#mobile-menu ul li.active > a { background-color:#2f9032; }
#mobile-menu ul li a .sub-menu-toggle { display:block; float:right; height:48px; margin-left:12px; text-align:center; transition:background-color 0.3s; width:48px; }
#mobile-menu ul li a .sub-menu-toggle i { line-height:48px; }
#mobile-menu ul li a .sub-menu-toggle:hover, #mobile-menu ul li.active > a .sub-menu-toggle { background-color:#0050a8; }

#mobile-menu .sub-menu { background-color:#fff; display:none; }
#mobile-menu .sub-menu li a { color:#001a70; transition:background-color 0.3s, color 0.3s; }
#mobile-menu .sub-menu li a:hover, #mobile-menu .sub-menu li.active > a { color:#fff; }

/* Header */
#header { background-color:rgba(255, 255, 255, 0.9); padding:12px 0; position:absolute; transition:background-color 0.3s; width:100%; z-index:2; }
#header.fixed { background-color:#fff; box-shadow:0 3px 3px 0 rgba(0, 0, 0, 0.15); position:fixed; }

#header .flex { display:flex; justify-content:space-between; align-items:center; }

#header .logo { width:175px; transition:width 0.3s; }
#header.fixed .logo { width:150px; }
#header .logo img { display:block; }

#header .menu ul { font-size:0; list-style-type:none; margin-bottom:0; padding-left:0; white-space:nowrap; }
#header .menu ul li { display:inline-block; font-size:16px; font-weight:400; line-height:1; margin-left:30px; position:relative; }
#header .menu ul li:after { bottom:-24px; color:#2f9032; content:'\f0d8'; display:block; font-family:'Font Awesome 5 Pro'; font-weight:900; left:50%; line-height:12px; position:absolute; width:12px; height:12px; margin-left:-6px; opacity:0; transition:opacity 0.3s, bottom 0.3s; text-align:center; }
#header .menu ul li a { color:#001a70; display:block; padding:12px 0; }
#header .menu ul li a:hover { text-decoration:none; }
#header .menu ul li.hover:after, #header .menu ul li.current-menu-item:after { bottom:-12px; opacity:1; }

#header .menu ul li.menu-item-has-children > a:after { content:'\f107'; font-family:'Font Awesome 5 Pro'; font-weight:300; margin-left:6px; }

#header .menu ul li.highlight:after { content:none; }
#header .menu ul li.highlight a { background-color:#1057C8; color:#fff; padding:15px 18px; transition:background-color 0.3s; }
#header .menu ul li.highlight a:hover { background-color:#0058ad; }

#header .menu .sub-menu { display:none; left:0; min-width:150px; padding-top:24px; position:absolute; top:100%; transform:scale(0.9); transition:transform 0.3s; }
#header .menu ul li.hover > .sub-menu { transform:scale(1); }
#header .menu .sub-menu li { display:block; margin-left:0; text-transform:none; }
#header .menu .sub-menu li:after { content:none; }
#header .menu .sub-menu li a { background-color:#fff; box-shadow:3px 3px 6px 0px rgba(0, 0, 0, 0.15); padding:12px; transition:background-color 0.3s, color 0.3s; }
#header .menu .sub-menu li:first-child > a { border-top-left-radius:6px; border-top-right-radius:6px; }
#header .menu .sub-menu li:last-child > a { border-bottom-left-radius:6px; border-bottom-right-radius:6px; }
#header .menu .sub-menu li a:hover, #header .menu .sub-menu li.hover > a { background-color:#1057C8; color:#fff; }

#header .menu .sub-menu li.menu-item-has-children > a { padding-right:30px; }
#header .menu .sub-menu li.menu-item-has-children > a:after { content:'\f105'; margin-left:0; position:absolute; right:12px; }

#header .menu .sub-menu .sub-menu { left:100%; padding-top:0; padding-left:6px; top:0; }

#header .menu .social-media { margin-left:12px; }
#header .menu .social-media ul li { margin-left:6px; }
#header .menu .social-media ul li:after { content:none; }
#header .menu .social-media ul li:first-child { margin-left:0; }
#header .menu .social-media ul li a { border:1px solid #1057C8; border-radius:50%; padding:0; width:36px; height:36px; line-height:36px; text-align:center; transition:background-color 0.3s, color 0.3s; }
#header .menu .social-media ul li a:hover { background-color:#1057C8; color:#fff; }

#mobile-menu-toggle { display:none; font-size:30px; text-transform:uppercase; }
#mobile-menu-toggle:hover { text-decoration:none; }
#mobile-menu-toggle i { transition:transform 0.3s; }
#mobile-menu-toggle:hover i { transform:rotate(180deg); }

/* Hero */
#hero { background-color:#fff; background-position:center center; background-repeat:no-repeat; background-size:cover; height:600px; position:relative; }

#hero .content { padding-top:108px; position:absolute; text-align:center; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; }

#hero .caption { background-color:rgba(67, 170, 72, 0.85); color:#fff; display:inline-block; padding:30px; width:60%; position:relative; }
#hero .caption:after { border-left:18px solid transparent; border-right:18px solid transparent; border-top:18px solid rgba(67, 170, 72, 0.85); content:''; display:block; height:0; width:0; position:absolute; bottom:-18px; left:50%; margin-left:-18px; }

#hero .caption h1 { border-bottom:1px solid rgba(255, 255, 255, 0.3); color:#fff; display:inline-block; margin-bottom:15px; padding:0 15px 15px; }

#hero .caption .tagline { font-size:24px; line-height:1.3; }

/* Precontent */
#precontent { background-color:#fff; background-position:center center; background-repeat:no-repeat; background-size:cover; height:420px; position:relative; }

#precontent .content { padding-top:108px; position:absolute; text-align:center; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; }

#precontent h1 { background-color:rgba(67, 170, 72, 0.9); color:#fff; display:inline-block; letter-spacing:3px; font-size:24px; line-height:1.2; margin-bottom:0; padding:24px; text-transform:uppercase; }

/* Body */
#body { background-color:#fff; padding:90px 0; position:relative; }

.textwidget > *:last-child { margin-bottom:0; }

.blue-bg { background-color:rgba(16, 87, 200, 0.9); color:#fff; }

.frm_pro_form { margin-bottom:0; }

/* News */
.news-posts { border-bottom:1px solid #ddd; padding-bottom:60px; }

.news-post { border-top:1px solid #ddd; margin-top:60px; padding-top:60px; }
.news-post:first-child { margin-top:0; }

.news-post .date { padding-right:60px; text-align:center; width:160px; }

.news-post .date .date-container { background-color:#43aa48; color:#fff; display:inline-block; padding:15px 30px; text-align:center; text-transform:uppercase; width:100px; }
.news-post .date .date-container span { display:block; }
.news-post .date .date-container .day { font-size:28px; font-weight:700; line-height:1.1; }

.news-post .content .title { font-size:24px; line-height:1.2; margin-bottom:30px; }

.news-post .content .source { font-style:italic; font-size:15px; line-height:1.5; margin-top:15px; }
.news-post .content .source span { color:#1057C8; }

.news-post > *:last-child { margin-bottom:0; }

#news-post-title { border-bottom:1px solid #ddd; margin-bottom:30px; padding-bottom:30px; }
#news-post-title h2 { margin-bottom:15px; }

/* Pagination */
.pagination { font-size:0; margin-top:60px; text-align:center; }
.pagination .page-numbers { border:1px solid #ddd; border-radius:3px; color:#43aa48; display:inline-block; font-size:14px; font-weight:700; margin:0 6px; width:36px; height:36px; line-height:34px; text-align:center; transition:background-color 0.3s, border-color 0.3s, color 0.3s; }
.pagination a.page-numbers { text-decoration:none; }
.pagination .page-numbers.current, .pagination a.page-numbers:hover { background-color:#43aa48; border-color:#43aa48; color:#fff; }

/* Footer */
#footer { background-color:#43aa48; padding:30px 0; text-align:center; }

#footer .logo { display:inline-block; max-width:100%; width:240px; }
#footer .logo img { vertical-align:bottom; }

#footer .menu { margin-top:30px; }
#footer .menu ul { border:1px solid #fff; display:inline-block; list-style-type:none; margin-bottom:0; padding:0 12px; }
#footer .menu ul li { border-left:1px solid #fff; display:inline; font-size:12px; margin-left:12px; padding-left:12px; text-transform:uppercase; }
#footer .menu ul li:first-child { border-left-width:0; margin-left:0; padding-left:0; }
#footer .menu ul li a { color:#fff; }
#footer .menu ul li a:hover {  }
#footer .menu .social-media ul { border-width:0; padding:0; }
#footer .menu .social-media ul li { border-left-width:0; margin-left:6px; padding-left:0; }
#footer .menu .social-media ul li:first-child { margin-left:0; }
#footer .menu .social-media ul li a:hover { text-decoration:none; }

/* Media Queries */
@media (max-width:991px) {
	/* Header */
	#header { background-color:#fff; position:static; }

	#header .menu ul { display:none; }

	#mobile-menu-toggle { display:inline-block; }

	/* Hero */
	#hero { height:612px; }

	#hero .content { padding-top:0; }

	#hero .caption { width:100%; }

	/* Precontent */
	#precontent { height:312px; }

	#precontent .content { padding-top:0; }

	/* News */
	.news-post .column { display:block; }

	.news-post .date { margin-bottom:30px; padding-right:0; width:auto; }

	.news-post .content { text-align:center; }
}

@media (max-width:782px) {
	/* Mobile Menu */
	.admin-bar #mobile-menu { top:46px; }
}

@media (max-width:767px) {

}

@media (max-width:575px) {

}