/*
Theme Name: Emin
Theme URI: http://intside.com/themes/emin/
Author: Intside
Author URI: http://intside.com/
Description: Emin is a startup theme for Advanced user who want to build professional WordPress theme based on Bootstrap
Version: 0.1
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: blue, black, white, light, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: emin

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


/**
 * Table of Contents:
 *
 * 1.0 - Basic Structure
 * 2.0 - Media Queries
 * ----------------------------------------------------------------------------
 */ 
html :where(.wp-block) {
	max-width: 100% !important;
}

.site-content > *:not(div) {
	margin-left: auto;
	margin-right: auto;
}

:root { 
  --color-primary: #009EEA; 
}

html {
  font-size: 16px;
}

body {
  background-color: #FFF;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5;
  color: #0D0D0D;
}

h1 {
  font-size: 2.5rem;
  font-weight: 700;
}
h2 {
  font-size: 2rem;
  font-weight: 600;
}
h5, 
.h5 {
  font-size: 1rem;
  font-weight: 500;
}

img {
  max-width: 100%;
}
 
ul {
  margin: 0;
  padding: 0;
}
ul li {
	list-style-type: none;
}

a {
  display: inline-block;
  color: #0D0D0D;
}
a:hover {
  text-decoration: none;
  color: #0D0D0D;
}

/**
 * 1.0 Basic Structure
 * ----------------------------------------------------------------------------
 */


#custom-from .gform_validation_errors {
  background-color: #fff;
}
#custom-from .gform-theme--foundation .gform_fields {
  grid-row-gap: 1rem;
  row-gap: 1rem;
}
#custom-from input {
  height: 4rem;
  padding: .5rem 1rem;
  border-radius: 100px;
}
#custom-from textarea {
  resize: none;
  border-radius: 24px;
}
#custom-from input::placeholder,
#custom-from textarea {
  color: #222222;
}
#custom-from input::placeholder,
#custom-from .form-control::placeholder,
#custom-from textarea::placeholder {
  font-size: 1.125rem;
}

#custom-from .form-control:focus,
#custom-from input:focus {
  border-color: var(--color-primary);
  outline: none;
  box-shadow: none;
}

.btn-primary,
#custom-from input[type=submit]  {
  background-color: var(--color-primary) ;
  border-color: var(--color-primary);
  padding: 1.125rem 1.25rem;
  border-radius: 100px;
}

.btn:hover,
.btn:focus-visible,
.btn-check:focus+.btn,
.btn:focus,
.btn:first-child:active,
:not(.btn-check)+.btn:active,
.btn:first-child:active:focus-visible,
:not(.btn-check)+.btn:active:focus-visible {
  box-shadow: none;
  transition:  .5s ease-in;
}
.btn:hover.btn-primary,
.btn:focus-visible.btn-primary,
.btn-check:focus+.btn.btn-primary,
.btn:focus.btn-primary,
.btn:first-child:active.btn-primary,
:not(.btn-check)+.btn:active.btn-primary {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  color: #FFF;
}
 
/* Coming Soon */
#page-container #page {
  display: flex;
  flex-direction: column;
  background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) -22.05%, rgba(0, 0, 0, 1) 100%), url(assets/images/bg.png);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: cover;
  overflow: scroll;
  scrollbar-width: none;
  scrollbar-color: transparent transparent; 
  height: 100vh;
  color: #FFF;
}
/* Pour Webkit (Chrome, Safari, Edge) */
#page-container  #page::-webkit-scrollbar {
  display: none; 
}
#page-container  #page::-webkit-scrollbar-thumb {
  background-color: transparent;  
}
#page-container  #page::-webkit-scrollbar-track {
  background-color: transparent; 
}
#page-container #page #main {
  margin: auto 0;
}
#page-container #page a {
  color: #FFF;
}

.coming-soon .h5 {
  position: relative;
  padding: 0 0 0 2rem;
  z-index: 99;
}
.coming-soon .h5::before {
  background-color: #FFF;
  content: " ";
  position: absolute;
  top: 8px;
  left: 0;
  width: 1.5rem;
  height: 2px;
  z-index: 1;
}
.coming-soon #custom-from form {
  position: relative;
}
.coming-soon #custom-from input[type=submit] {
  height: 3rem;
}
 
footer .networks ul {
  gap: 12px;
}
footer .networks ul li a {
  width: 4rem;
  height: 4rem;
  text-align: center;
  padding: 14px;
  border: 1px solid;
  border-radius: 50px;
}
footer .policies ul {
  gap: 1rem;
}
footer .policies ul li:first-child a  {
  border-bottom: 1px solid;
}

/**
 * 2.0 Media Queries
 * ----------------------------------------------------------------------------
 */

/* WordPress Media Queries */
@media (max-width: 600.98px) {
}
@media (min-width: 601px) and (max-width: 782.98px) {
}
@media (min-width: 783px) {
}

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	.site-content > *:not(div) {
		max-width: calc(100% - 24px);
	}
}

@media (min-width: 576px) {
	.site-content > *:not(div) {
		max-width: 540px;
	}

  .coming-soon #custom-from input[type=submit] {
    position: absolute;
    top: 8px;
    right: 32px;
    width: auto;
  }

}

/* Small devices (landscape phones, 576px, up to 768px) */
@media (min-width: 576px) and (max-width: 767.98px) {
}

@media (min-width: 576px) and (max-width: 991.98px) {
}

@media (min-width: 768px) {
	.site-content > *:not(div) {
		max-width: 720px;
	}
}

/* Medium devices (tablets, 768px, up to 992px) */
@media (min-width: 768px) and (max-width: 991.98px) {
}

@media (max-width: 991.98px) {
}


@media (min-width: 992px) {
  
  .site-content > *:not(div) {
		max-width: 960px;
	}

  h1 {
    font-size: 3rem;
  }
  h2 {
    font-size: 2.5rem;
  }
  h5, 
  .h5 {
    font-size: 1.5rem;
  }

  .coming-soon h1 {
    font-size: 3.5rem;
  }
  .coming-soon .h5::before {
    top: 14px;
  }

}

/* Large devices (desktops, 992px, up to 1200px) */
@media (min-width: 992px) and (max-width: 1199.98px) {
}

@media (max-width: 1199.98px) {
}

@media (min-width: 1200px) {
	.site-content > *:not(div) {
		max-width: 1140px;
	}
}

/* X-Large devices (large desktops, 1200px, up to 1400px) */
@media (min-width: 1200px) and (max-width: 1399.98px) {
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
	.site-content > *:not(div) {
		max-width: 1320px;
	}

}