/*
Theme Name:     CityMail
Theme URI:      http://citymail.com
Template:       kadence
Author:         Joao Neves, Hey Jay
Author URI:     https://heyjay.se
Description:    Custom WordPress theme for CityMail.
Version:        1.0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/


/* General */

.blocks-gallery-caption figcaption, 
.wp-block-embed figcaption, 
.wp-block-image figcaption, 
.wp-block-table figcaption, 
.wp-block-audio figcaption, 
.wp-block-video figcaption {
  color: #909090 !important;
  text-align: left !important;
}


/* Header */

.header-navigation .header-menu-container .sub-menu {
  border: 1px solid #dcdcdc;
  border-radius: 4px;
}

.page-id-17 .header-navigation .header-menu-container .sub-menu .menu-item-55 a { 
  color: #222222;
  background: #fff;
}

.page-id-17 .header-navigation .header-menu-container .sub-menu .menu-item-55 a:focus,
.page-id-17 .header-navigation .header-menu-container .sub-menu .menu-item-55 a:hover { 
  color: #fc4c02;
  background: #f2f2f2;
}

.header-navigation .top-button { 
  padding-left: calc(1.5em / 2);
  padding-right: calc(1.5em / 2);
}

.header-navigation .top-button a {
  font-style: normal;
  font-size: 16px;
  border-radius: 30px !important;
  color: #fff !important;
  background: #fc4c02;
  padding: 0.3615em 1.5em !important;
}

.header-navigation .top-button a:focus,
.header-navigation .top-button a:hover { background: #e34402; }

.menu-toggle-open { border-radius: 0 !important; }

.menu-toggle-close { padding: 0 !important; margin: 1em 0.5em; }


/* Banner */

.banner-max-width .wp-block-kadence-column { max-width: 860px !important; }

.banner-start p { max-width: 512px; }

.banner-start .wp-block-kadence-form { max-width: 512px; }

.banner-start .kadence-blocks-form-field { margin-bottom: 0; position: relative; padding: 0 !important; }
.banner-start .kadence-blocks-form-field .kb-field { padding: 16px 16px; }

.banner-start .kadence-blocks-field.verify { display: none; }
.banner-start .kb-submit-field { position: absolute !important; width: auto; z-index: 10; right: 0; padding: 0; }
.banner-start .kb-forms-submit { line-height: 1.5em !important; margin: 8px; }


/* Footer */

.site-bottom-footer-inner-wrap p { margin: 0 0 1em 0; }

.site-bottom-footer-inner-wrap p strong { color: #fff; }

.footer-html { margin: 0 !important; }

.otgs-development-site-front-end { display: none; }

a.social-button { width: 1em !important; height: 1em !important; }

.footer-widget6 { text-align: right; }



/* Media Queries */


@media (max-width: 1280px) {
  
  .main-navigation .primary-menu-container > ul > li.menu-item > a {
    padding-left: calc(1em / 2);
    padding-right: calc(1em / 2);
    font-size: 17px;
  }
  
  .header-navigation .top-button {
    padding-left: 1em;
    padding-right: calc(1em / 2);
  }
  
  .kt-gutter-wider>.wp-block-kadence-column { margin-right: 50px; }
  .kt-gutter-widest>.wp-block-kadence-column { margin-right: 50px; }

}

@media (max-width: 1024px) {
  
  .banner-start .kadence-blocks-form-field .kb-field { font-size: 17px !important; padding: 14px 14px; }
  
  .kt-gutter-wider>.wp-block-kadence-column { margin-right: 40px; }
  .kt-gutter-widest>.wp-block-kadence-column { margin-right: 40px; }

  .footer-widget6 { text-align: left; }
  
  .footer-social-inner { margin-bottom: 1.5em; }

}

@media (max-width: 767px) {
  
  .banner-start .kadence-blocks-form-field .kb-field { font-size: 16px !important; }
  
  .menu-toggle-close { margin: 0.65em 0; }

}

@media (max-width: 360px) {

  .banner-start .kadence-blocks-form-field .kb-field { font-size: 16px !important; padding: 10px 16px;; }
  .banner-start .kb-submit-field { position: relative !important; width: auto; z-index: auto; right: auto;  }
  .banner-start .kb-forms-submit { margin: 12px 0 12px 0; width: 100%; }
  
}