/*!
Theme Name: Plugin Power
Theme URI: http://underscores.me/
Author: XReflow
Author URI: https://www.xreflow.co.uk/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: plugin-power
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Plugin Power is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*Veli*/
.question-btn {width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; border-radius: 50%; padding: 0; background: #e8e8e8;outline:none} 
.carousel-home h1 {color:white;}
.carousel-home h1:before, .main-title__section h1:before {content:'';display:block;width:70px;height:8px;background:white;margin-bottom:10px}
.carousel-home img {position:absolute;z-index:0;width:100%;height:100%!important}
.carousel-home .slide-content {position:relative;z-index:1;height:300px;display:flex;flex-direction: column;justify-content: center;align-items:start}


.main-title__section  {height:300px;position:relative;}
.main-title__section img {width:100%;height:100%;position:absolute;z-index:0;object-fit: cover}
.main-title__section_content {position:relative;z-index:1;height:100%;display:flex;flex-direction: column;justify-content:center;align-items:flex-start}

#downloads img {position:absolute;object-fit: cover;width:100%;height:100%;left:0;top:0;}
.download-content {height:230px;position:relative;z-index:1}
a {color:inherit}

#contact-form label {font-weight:bold;font-size:80%}

#services .col-lg-3 {position:relative;cursor:pointer}
#services img {position:absolute;object-fit: cover;width:100%;height:100%;left:0;top:0;object-position: top}
#services .content {height:300px;position:relative;z-index:1;padding:30px}
#services h5 {font-family: elephant, serif;margin-bottom:20px;transition: all 0.2s}
#services p {font-size: 90%;display:none}
#services .col-sm-6:hover  p {display:block}
#services .col-sm-6 {transition: all 0.2s;padding:0}
#services .col-sm-6:hover > .content {border-top:3px solid #ffc000}
#services .col-sm-6:hover h5 {font-size: 1.60rem;}

a:hover {color:inherit}
.bg-light {background:#e6e6e6!important}


#downloads .overflow-hidden:after {content:'';display:block;width:100%;height:100%;background: rgba(0, 0, 0, 0.60);position:absolute;top:0;left:0;}

@font-face {font-family: elephant; src: url(assets/fonts/elephnt.woff);}
html, body {margin: 0;padding: 0;}
body {display: flex;flex-direction: column; color: #333333;min-height:100vh; max-width: 100vw; overflow-x: hidden;}
main { flex: 1 0 auto; }
img {max-width: 100%;height:auto}
h1, h2, h3, h4, h5, h6  {font-family: futura-pt-bold, sans-serif;}
.elephant {font-family: elephant, serif;}
p {font-family: muli, sans-serif;}
a {text-decoration: none!important;}
ul {list-style: none; padding: 0;}
.nav-link {font-family: futura-pt-bold, sans-serif; color: white!important; }
#menu-main-menu > li > .nav-link { text-transform: uppercase; font-size: 1.2rem;}
.nav-link.border-yellow { border:1px solid #ffc200;color:#ffc200!important }
#menu-main-menu > .current-menu-item {border-bottom: 5px solid #ffc200;}
#menu-main-menu > .current-menu-item > a { color: #ffc200!important; }
.button {color: #ffc200; display: inline-block; font-size: 1.2rem; font-weight: 700; text-align: center;padding:8px 30px;box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)}
.button:hover {color: #ffc200;}
/**/
.button--transparent { border: 1px solid white; color: white; background-color: transparent; }
.button__load-more { border: 1px solid #333333; color: #333333; }
.button__modal { font-size: 1.2em; }

.bg-black {background-color: black;}
.bg-dark {background-color: #333333!important;}
.bg-grey {background-color: #616161;}
.silver {color: #979797;}
.yellow {color: #ffc200;}
/**/
.section-title { font-size: 2.4rem; }

.logo-pic {max-width: 60%!important;}
#login-button {border: 1px solid #ffc200;}




/* Carousel */

.learn-more {position: absolute; top: 45%; left: 15%;}
.main-social-links {position: fixed; top: 40%; right: 0; display: flex; flex-flow: column nowrap; list-style: none; padding: 0; justify-content: center; align-items: center; z-index: 5000;}
.main-social-links > a {padding: 10px; border-bottom: 1px solid white;}
.main-social-links > a:last-child {border: none;}



/* Footer */
.footer-menu > li {padding-bottom: 2%;}
.footer-menu > li > a {color: white; font-weight: 100; font-family: muli, sans-serif; padding-bottom: 10%;}
.footer-menu > li > a:hover {color: #ffc200; font-weight: 600;}
.footer-social-links {display: flex; flex-flow: row nowrap; padding: 0;}
.footer-social-links > a {padding: 10px;}
.footer-social-links > a:first-child {padding-left: 0;}
.footer-social-links > a > li > svg {opacity: .4;}
.footer-social-links > a > li > svg:hover {opacity: 1; width: 30px!important;}
.footer-icon:hover { fill: #ffc200; }
.footer-bottom > p {color: white; opacity: .5; margin-bottom: 0;}

/* The Flow - energy.html */
#the-flow {margin-top: -5%; position: relative;}
#flow-row > div {border-right: 1px solid white; padding: 1.4rem; display: flex; flex-flow: column nowrap; align-items: center; text-align: center;}
#flow-row > div:last-child { border: none;}
.underlined {padding-bottom: 4%; border-bottom: 1px solid #ffc200; width: 12ch;}
.zoom-in { position: absolute; top: 4%; right: 4%; border-radius: 50px; background-color: #d8d8d8; width: 30px; height: 30px; display: flex; flex-direction: row; justify-content: center; align-items: center; }
.zoom-in-2 { top: 0%; right: 2%; }
/* Show more show less */
span.morecontent{display: none;}
.morelink { display: block;}

/**/
/* Underlined */
.underline { border-bottom: 1px solid #ffc200; }
.underline-50 { width: 50%; } 
span.underlined-left::after { content: ''; display: block; width: 2000px; height: 2px; background-color: #ffc200; position: absolute;bottom: 0; right: 0; }
span.underlined-right::after { content: ''; display: block; width: 2000px; height: 2px; background-color: #ffc200; position: absolute; bottom: 0; left: 0; }
span.underlined-left { position: relative; display: inline-block; padding-bottom: 2%; }
span.underlined-right { position: relative; display: inline-block; padding-bottom: 2%; }
div.vertical-line::before { content: ''; display: block; width: 2px; height: 125%; background-color: #ffc200; position: absolute; bottom: -20%; left: 4%; }


/* Investors */
.director { float: right; }
.director--large { width: 60%; }
.image-size-equal { max-height: 284px;}
.small-title { font-size: 1.6rem }
.downloads__box { position: relative; padding: 0; }
.downloads__text-box { position: absolute; top: 0; }
.download { position: absolute; bottom: 4%; left: 6%; }
.padlock { position: absolute; bottom: 4%; right: 4%; }
.padlock-image { padding-left: 2%; }
.padlock-muted { opacity: .5; }

/* Downloads */
.section-paragraph--large { font-size: 1.3rem; font-weight: 600; }
.position-absolute--top--right { position: absolute; top: 2%; right: 2%; }

#downloads img {width:100%;height:100%!important;object-fit: cover;}
.main-title:before {content:'';display:block;width:70px;height:8px;background:white;margin-bottom:10px}

/* About */
.social__menu { display: flex; flex-flow: row nowrap; align-items: flex-end; }
.social__container { display: flex; flex-flow: column nowrap; align-items: center; }
.social__title { font-weight: 600; font-size: 1.2rem; color: #616161; margin-bottom: 0; }
.social__title:hover { color: #ffc200; }
#downloads .overflow-hidden {border-radius: 10px;}

/* FAQs */
/* Accordion */
.card { border: none; }
.card-header { background-color: transparent; border-bottom: 2px solid #ffc200; }
.btn-link { color: #333333; font-size: 1.8rem; text-decoration: none!important; }
.btn-link:hover { color: #ffc200; }
.faqs-arrow__flipped { transform: rotate(180deg); }

/* Modal */
#modal-close { position: absolute; top: 4%; right: 4%; }
#modal-content { font-size: 1.2em; }


.navbar-toggler {height: 57px; width: 91px; border: none; display: flex; justify-content: flex-end;outline:none}
button:focus {outline:none!important}
@media (max-width: 992px) {
	header.active {min-height:100vh}
}
/*Register*/
#register .border-top {border-top:4px solid #ffc200!important}

@media (min-width: 992px) {
	#menu-main-menu a { padding-right: 1rem; padding-left: 1rem;font-size:1rem!important}
	.main-title__section  {height:500px;}
	#services .content {padding:25px 15px}
	.carousel-home .slide-content  {height:500px}
	
}

@media (min-width: 1200px) {
	#services .content {height:400px;padding: 30px;}
}
@media (min-width: 1500px) {
	#services .content {height:500px;padding: 30px;}
}