/*
Theme Name: The Queen
Theme URI: http://thequeen.lu
Template: Divi
Author: dean
Author URI: http://iwc.lu
Description: Artconstructa
Version: 1.0.6
*/

/*** FORM STYLING ***/
.caldera-grid .form-control {
    font-size: 16px;
    padding: 16px;
    height: auto;
    box-shadow: none;
    background: rgb(0 0 0 / 8%)!important;
    color: #000000 !important;
    border: none;
}
/*** BUTTON STYLING ***/
.caldera-grid input[type=submit] {
    padding: 10px 16px;
    border-radius: 4px;
    background: #BE1622;
    color: #fff;
    font-size: 16px;
    border: none;
    float: right;
    transition: all 0.3s ease-in-out;
}

/* Remove extra bottom padding and margin on posts */
.single .et_pb_post {
 margin-bottom: 0;
 padding-bottom: 0;
}
#left-area {
 padding-bottom: 0 !important;
}


/*** BUTTON HOVER STYLING ***/
.caldera-grid input[type=submit]:hover {
    background: #000000;
    color: #ffffff;
}
/*** ON CLICK  ***/
.caldera-grid .form-control:focus {
    border-color: transparent;
    box-shadow: none;
}

  /*----------Back To Top Button----------*/

  .et_pb_scroll_top.et-pb-icon {
      display: none;
      position: fixed;
      z-index: 99999;
      right: 15px!important;
      height: 34px;
      bottom: 15px!important;
      padding: 2px;
      border-radius: 20px;
      color: #fff;
      background: #be1622;
      font-size: 30px;
      text-align: center;
      text-decoration: none;
      cursor: pointer;
      -webkit-border-top-left-radius: 20px;
      -moz-border-radius-topleft: 20px;
      border-top-left-radius: 20px;
      -webkit-border-bottom-left-radius: 20px;
      -moz-border-radius-bottomleft: 20px;
      border-bottom-left-radius: 20px;
  }

  .et_pb_scroll_top.et-pb-icon:hover {
    background-color: #21252f;
  }


  /*
* Remove header shadow
*/
#main-header{
    -webkit-box-shadow:none !important;
    -moz-box-shadow:none !important;
    box-shadow:none !important;
}

#et-info {
    float: right;
}

.et_fixed_nav #top-header {
    position: fixed;
    z-index: 9998!important;
}

#logo {
    max-height: 100px;
    margin-top: -10px;
}

.et-fixed-header #logo {
    max-height: 60px!important;
    margin-top: 0px;
}

@media only screen and (max-width: 980px) {

#et-info {
    float: none;
}

#top-header .et-social-icons {
float: right;
}

#top-menu, #top-menu-nav {
    line-height: 5;
}

.top-phone {
width: 150px!important;
}

.top-phone a {
color: white!important;
font-size: 16px!important;
}

.top-phone:before {
font-family: 'ETmodules';
content: "\e090";
font-size: 16px;
float: left;
}

.top-email {
width: 220px!important;
}

.top-email a {
color: white!important;
font-size: 16px!important;
}

.top-email:before {
font-family: 'ETmodules';
content: "\e010";
font-size: 16px;
float: left;
}

.top-login {
width: 60px!important;
}

.top-login a {
color: white!important;
font-size: 16px!important;
}

.top-login:before {
font-family: 'ETmodules';
content: "\e070";
font-size: 16px;
float: left;
}

#top-header .et-social-icon a {
font-size: 14px;
background: white;
color: #3e007f;
padding: 5px;
border-radius: 25px;
margin-top: -3px;
height: 24px;
width: 24px;
}

#top-header .et-social-icons li {
margin-top: -2px;
margin-left: 5px;
}

#et-secondary-nav, #et-secondary-nav li {
display: inline-block;
margin-right: 15px;
}

@media only screen and (max-width: 980px) {

.top-phone {
width: 100%!important;
display: none;
}
.top-email {
width: 100%!important;
display: none;
}
.top-login {
width: 100%!important;
display: none;
}

.top-phone:before {
color: white;
margin-top: 10px;
margin-right: 12px;
}

.top-email:before {
color: white;
margin-top: 10px;
margin-right: 12px;
}

.top-login:before {
color: white;
margin-top: 10px;
margin-right: 12px;
}
}

/*STYLE MOBILE MENU*/
.mobile_nav .select_page {
display: none !important;
}
.mobile_nav {
background-color: rgba(0, 0, 0, 0) !important;
margin-top: -60px;
margin-bottom: 40px;
}
.et_mobile_menu {
top: 80px !important;
}
@media all and (max-width: 980px) {
#logo {
margin-top: 20px;
max-width: 70% !important;
}
}

/********* Mobile Menu Collapse ********/

/**** This hides the sub menu items on mobile ****/

#main-header .et_mobile_menu li ul.hide {
display: none !important;
}

/**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/

#mobile_menu .menu-item-has-children {
position: relative;
}
#mobile_menu .menu-item-has-children > a {
background: transparent;
}

/**** This styles the icon and moves it to the right ****/

#mobile_menu .menu-item-has-children > a + span {
position: absolute;
right: 0;
top: 0;
padding: 10px 20px;
font-size: 20px;
font-weight: 700;
cursor: pointer;
z-index: 3;
}

/**** Here you can swap out the actual icons ****/

span.menu-closed:before {
content: "\4c";
display: block;
color: #fff;
font-size: 16px;
font-family: ETmodules;
}

span.menu-closed.menu-open:before {
content: "\4d";
}

.vksearch input[type=submit]{

    background: #be2934;
    border: 1px solid #be2934;
    border-radius: 2px;
    color: #fff;
    font-family: 'Raleway,sans-serif;
    font-size: 16px;
    font-size: 16px;
    padding: 17px 20px;
    margin-top: 0;
    line-height: 1.1em;
    height: auto;
}
}

.vksearch input[type=submit]:hover{
    opacity: 0.8;
}

.vksearch input[type=submit]:active{
    opacity: 0.6;
}

.vksearch input[type=submit]:focus{
    outline: none;

  cursor: pointer;
}