/*
Theme Name: Total Child
Template: total
Theme URI: https://hashthemes.com/wordpress-theme/total/
Author: Hash Themes
Author URI: https://hashthemes.com
Description: Total as its name suggest is a complete package theme with all the feature that you need to make a complete website. The theme has clean and elegant design with vibrant color(Theme Color Changable Option) and parallax sections. The home page consist of slider, featured section with icon, about us section with progress bar, portfolio section with masonary layout, team section, testimonial section, counter section, blog section with option to add 3, 6 or 9 blog posts, clients logo carousel slider and call to action section. The theme is fully responsive and is built on customizer that enable you to configure the website with live preview. The theme is SEO friendly, Cross browser compatible, fully translation ready and is compatible with WooCommerce and all other major plugins. DEMO: http://demo.hashthemes.com/total/
Version: 1.1.6.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: total
Tags: two-columns, right-sidebar, custom-background, custom-menu, editor-style, featured-images, footer-widgets, theme-options, threaded-comments, translation-ready, portfolio, photography, holiday, custom-logo
*/

@import url("../total/style.css");

html {
	font-family: 'Open Sans', sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body, button, select, textarea {
  font-size: 18px !important;
}

.site-main a {
  color: #cd5308;
}

.site-main a:hover {
  color: #984715;
  text-decoration: underline;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	font-weight: 300;
	line-height: 1.2;
	font-family: 'Open Sans', sans-serif;
}

.ht-post-info{
   font-family: 'Open Sans', sans-serif;
}

.ht-site-title{
	font-family: 'Open Sans', sans-serif;
}



#ht-site-navigation {
    width: 100%!important;
    padding: 0 0 0;
}

.ht-main-navigation a {
	font-family: 'Open Sans', sans-serif;
  font-weight: 800;
}

.ht-main-navigation .ht-menu a {
	font-family: 'Open Sans', sans-serif;
  font-weight: 800;
}

.ht-main-navigation ul#menu-main-menu button.ht-dropdown {
  display: none;
}

.ht-main-navigation ul#menu-main-menu ul.sub-menu button.ht-dropdown {
  display: inline;
}





#ht-site-branding {
  float: none;
  width: 100%;
  padding: 15px 0 0 0;
}

ht-footer-sitemap {
  width: 100%;
  margin-left:3%;
}

/* Utility menu */
div.mw-utility {
/*  width: 1170px;
  margin: 0 auto; */
  padding-right: 18px;
}

ul#menu-utility-menu {
  list-style: none;
  text-align: right;
  font-family: 'Open Sans', sans-serif;
  padding-top: 4px;
}

ul#menu-utility-menu li {
  float:right;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  padding-top: 6px;
  padding-left:10px;
}

div.mw-utility #menu-utility-menu li a:link,
div.mw-utility #menu-utility-menu li a:visited {
  color: #e5e5e5;
}

div.mw-utility #menu-utility-menu li a:active,
div.mw-utility #menu-utility-menu li a:hover {
  color: white;
}




.mw-hot-links {
  display: table;
  float: right;
}

.mw-hot-links:before,
.mw-hot-links:after {
  content: "";
  display: table;
}

.mw-hot-links:after {
  clear:both;
}


ul#menu-hot-links-menu {
  list-style: none;
  font-family: 'Open Sans', sans-serif;
  float: right; 
  padding-top: 3px;
}

ul#menu-hot-links-menu li {
  float:left;
  font-weight: bold;
  font-size: 16px;
  padding-right: 3px;
}

div.mw-hot-links #menu-hot-links-menu li a {
  display: block;
  padding: 4px 24px;
}
div.mw-hot-links #menu-hot-links-menu li a:link,
div.mw-hot-links #menu-hot-links-menu li a:visited {
  color: #e5e5e5;
  background-color: #cd5308;
}

div.mw-hot-links #menu-hot-links-menu li a:active,
div.mw-hot-links #menu-hot-links-menu li a:hover {
  color: white;
  background-color: #ab4506;
}


/* Footer menu */

div#ht-top-footer {
  padding: 10px 0;
}

div.ht-top-footer {
  margin-left: 0;
}

div.mw-footer ul {
  list-style: none;
  font-family: 'Open Sans', sans-serif;
}


/* Footer menu main items */
div.mw-footer ul.menu {
  margin: 0 0 15px 0;
}

div.mw-footer ul.menu li {
  float: left;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  width: 17%;
}

div.mw-footer ul.menu li:nth-child(6) {
  width: 13%;
}

div.mw-footer ul.menu li:nth-child(2) {
  width:19%;
}

div.mw-footer ul.sub-menu li:nth-child(2) {
  width:92%;
}

div.mw-footer #menu-main-menu-1 li a:visited,
div.mw-footer #menu-main-menu-1 li a:active,
div.mw-footer #menu-main-menu-1 li a:hover,
div.mw-footer #menu-main-menu-1 li a:link {
  color: white;
}

div.mw-footer #menu-main-menu-1 li a:hover {
  text-decoration: underline;
}




/* footer menu sub items */
div.mw-footer ul.sub-menu {
  margin: 10px 0 15px 0px;
}

div.mw-footer ul.sub-menu li {
  float:none;
  width: 92%!important;
  font-size: 14px;
  text-transform: none;
  font-weight: normal;
  line-height: 1.244;
  padding: 0 0 0.7em 0;
}

div.mw-footer #menu-main-menu-1 ul.sub-menu li a:visited,
div.mw-footer #menu-main-menu-1 ul.sub-menu li a:link {
  color:#BBB;
}

div.mw-footer #menu-main-menu-1 ul.sub-menu li a:active,
div.mw-footer #menu-main-menu-1 ul.sub-menu li a:hover {
  color: white;
}

div.mw-footer #menu-main-menu-1 button.ht-dropdown {
  display: none;
}

ul.sub-menu ul.sub-menu {
  display: none;
}

/* Footer Elements */

div#footer-logo {
  text-align:left;
  float:left;
}

div.ht-footer1 {
  float:left;
  width:53%;
}

.ht-footer1 p {
  font-size: 16px;
  color: white;
}

.ht-footer1 p.address {
  float:left;
  margin-right:30px;"
}

.ht-footer1 p.phone {
  float:left;
  margin-right:30px;"
}


#ht-bottom-footer {
  background: #032a53;
  text-align: left;
}

body, button, input, select, textarea {
  font-weight: 400 !important;
  font-family:'Open Sans', sans-serif;
}

#ht-searchbar {
  height:40px;
  background: #032a53;
}

h1, h2, h3, h4 {
  color: #000 !important;
  font-weight: 500 !important;
  clear: both;
}

h4 {
  font-size: 18px !important;
  margin-top: 40px !important;;
  color: #666 !important;;
  font-weight: 600 !important;;
}

div.ht-slide-caption {
  ms-transform:translateY(0%);
  webkit-transform:translateY(0%);
  transform:translateY(0%);
  top: 10%;
  left: 10%;
  margin-left: 0;
}

div.ht-slide-cap-title {
  font-family: 'Open Sans', sans-serif;
  font-size: 4em;
  text-transform: none;
  text-shadow: 1px 1px #000;
  text-align: left;
  background: transparent;
  font-weight: 700;
  letter-spacing: 0;
  margin-bottom: 0;
  padding: 0 0;
  margin-left: 0;
}

div.ht-slide-cap-title span {
  font-family: 'Open Sans', sans-serif;
  background: transparent;
  padding: 0 0;
  margin-left:0;
}

div.ht-slide-cap-desc {
  font-family: 'Open Sans', sans-serif;
  text-transform: none;
  text-shadow: 1px 1px #000;
  text-align: left;
  background: transparent;
  font-weight: 700;
  letter-spacing: 0;
  margin-left: 4px;
  padding: 0 0;

}

div.ht-slide-cap-desc p {
  margin-block-start: 0;
  margin-block-end: 0;
}


.ht-slide-overlay {
  background: rgba(0,0,0,0) !important;
}

.ht-section {
  padding: 30px 0;
}

.ht-section-title {
  letter-spacing: 0;
  text-transform: none;
  text-align:left;
  color: #727272;
  width: 100%;
  font-size: 30px;
}

.ht-section-title-tagline {
  margin-bottom: 30px;
}

.ht-footer2 {
  width: 22%;
}

.ht-footer4 img {
  margin-right: 10px;
}

.ht-footer2 {
  text-align:right;
}

ul#menu-footer-menu {
  font-weight: bold;
  font-size:18px;
}

ul#menu-footer-menu li {
  float: left;
  margin-right: 20px;
}

ul#menu-footer-menu li a {
  color:#bbb;
}


.ht-footer3 {
  font-size: 13px;
  width:43%;
}




.ht-site-info {
  text-align: left;
}

#ht-colophon a {
  color: white;
  text-decoration: none;
  border-bottom: none;
}

#ht-colophon a:hover {
  color: #FFF;
  text-decoration: underline;

}

.ht-site-info p.copyright {
  font-size: 13px;
}

.wp-caption .wp-caption-text {
  font-size: 15px;
  font-style: italic;
}

.button.red {
    background-color: #c53935;
}

.button.large {
    font-size: 17px;
    padding: 15px 30px 16px;
}

a.button {
    color: #ffffff;
    transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    border-radius: 2px;
}
a.button:hover {
  color: #FFF;
}

.button {
    background: #46bed8;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.01) inset;
    border: 0px;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin: 0;
    outline: none;
    position: relative;
    text-align: center;
    text-decoration: none;
    margin-right: 10px;
    float: left;
}

.button:hover {
    background: #333;
}

#donate-home {
  display: block;
  padding: 10px;
  background: #eee;

}

#ht-masthead {
  border-top-color: #032a53;
  border-bottom: 1px solid white;
  height: 96px;
}

/*  Search box  */

.search-form {
  float:right;
  margin-top: -12px;

}

.search-form input[type="search"] {
  -moz-transition: 400ms width ease;
  -webkit-transition-duration: 400ms;
  -webkit-transition-property: width;
  -webkit-transition-timing-function: ease;
  -o-transition-duration: 400ms;
  -o-transition-property: width;
  -o-transition-timing-function: ease;
  border: none;
  background: url("images/search.png") no-repeat scroll 5px 6px; 
  background-color: #032a53;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 14px;
  height: 30px;
  padding: 0 10px 0 10px;
  width: 75px;
  border-radius: 6px 6px 6px 6px;
  -moz-border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px 6px 6px 6px;
}

.search-form input[type="search"]:hover {
  background: url("images/search-hover.png") no-repeat scroll 5px 6px; 
}

.search-form input[type="search"]:focus {
  background: none; 
  font-size: 0.8em;
  background-color: #fff;
  width: 150px;
}

.search-form input[type="submit"] {
  display: none;
}


@media screen and (max-width: 648px){
  #donate-home p.donate-text {
    margin: 0px 6px 6px 180px;
  }
}

@media screen and (max-width: 530px){
  .button {
    float: none!important;
    width: 100%;
  }
  #donate-home p.donate-text {
    margin: 6px 6px 6px 6px;
  }
}

.gform_wrapper.gf_browser_chrome .gfield_checkbox li input, 
.gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox], 
.gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] {
  margin-top: 0px !important;
}

table#emailDesign td {
  border: 1px solid #FFFFFF!important;
}

li#field_12_26 label.gfield_label {
  font-size: 1.5rem;
  color: #900;
}

li#field_12_26 div.gfield_description {
  font-size: 1.1rem;
}

li#field_12_27 label.gfield_label {
  font-size: 1.5rem;
  color: #900;
}

li#field_12_27 div.gfield_description {
  font-size: 1.1rem;
}

li#field_12_1 label.gfield_label {
  margin-top:40px;
}

ht-featured-link a {
  color: #FFF!important;
  background: #000!important;
}

#ht-blog-section {
  background: #dedede;
  padding-bottom: 0;
}

#ht-blog-section div.ht-blog-excerpt h5 {
  color: #cd5308;
}

.ht-blog-excerpt h5 a {
  color: #cd5308;
}

#ht-blog-section .ht-blog-thumbnail {
  text-align: center;
  padding-top:28px;
}

.ht-blog-excerpt div.ht-blog-date {
  display: none;
}

div.ht-blog-post {
  border-bottom: none;
}

.ht-blog-read-more {
  display: none; 
}

#ht-home-slider-section {
  border-top: 2px solid #032a53;
  border-bottom: 10px solid #cd5308;
}

.ht-main-navigation .ht-menu ul ul {
  margin-top: 0;
}

.ht-main-navigation .ht-menu ul ul li {
  border-top: 1px solid #e5e5e5;
}

.ht-main-header {
  border-top: 2px solid #032a53;
}

/* Home page "If you are..." section */

#ht-cta-section .ht-section {
  background-color: #dedede;
  padding: 10px 0 40px 0 !important;
}

#ht-cta-section .ht-container {
  background-color: #f4f4f4;
  border: 2px solid white;
}

#ht-cta-section .ht-cta-overlay {
  display: none;
}

.ctu-ultimate-wrapper-2 {
  box-shadow: none!important;
  webkit-box-shadow: none!important;
}

.ctu-ulimate-style-2 .vc-tabs-li {
  max-width: 320px!important;
}

.ctu-ulimate-style-2 {
  min-width: 380px!important;
  background-color: #f4f4f4!important;
}
.ctu-content-span {
  display:none!important;
}

.ctu-ulitate-style-2-tabs p {
  font-size: 1.2rem!important;
  line-height: 1.7!important;
  border-top: 1px solid #cd5308;
  padding-top: 10px;
}
.ctu-ulitate-style-2-tabs p a {
  color: #cd5308;
}

.ctu-ulitate-style-2-tabs p a:hover {
  color: #984715;
  text-decoration: underline;
}

#user-link-mobile-head {
  display: none;
}
#user-link-head,
#user-page-head {
  display: block;
  font-size: 1.7rem;
  color: #cd5308;
  font-weight: bold;
  padding: 20px 20px 0 28px;
}

#user-link-head {
  float: left;
  width: 380px;
  background-color: #f4f4f4!important;
}

#user-page-head {
  margin-left:380px;
  background: #ffffff;
}

.ctu-ulimate-style-2 .vc-tabs-li {
  border-left: none!important;
  color: #333!important;
  border-top: 1px solid #cd5308;
}

.ctu-ulitate-style-2-tabs {
  border-left: none!important;
  padding: 20px 30px 30px 30px!important;
}

.vc-tabs-li.active {
  font-weight: 900!important;
}
.vc-tabs-li.active .ctu-absolute {
  background-color: transparent !important;
}

@media screen and (max-width: 1070px){
  .ht-main-navigation .ht-menu li {
    margin-left: 0 !important;
  }
}

/* RESPONSIVE for 1000px */

@media screen and (max-width: 1000px) {
  .toggle-bar {
    top:64px!important;
  }

  div.mw-hot-links {
    float: none;
    margin: 0 auto;
    width: 70%;
    box-sizing: border-box;
    padding: 0 0 0 50px;
  }

  .ht-main-navigation ul#menu-main-menu button.ht-dropdown {
    display: inline;
    color: #ffffff !important;
  }

  ul#menu-hot-links-menu {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    padding-left: 0;
    margin: 0 auto;
    float: none;
  }

  ul#menu-hot-links-menu li {
    flex: 0 0 calc(50% - 6px);
    margin: 3px;
    padding: 0 0;
    text-align: center;
    box-sizing: border-box;
  }

  #ht-site-branding img.custom-logo {
    position:absolute;
    top: 60px;
    left: 15px;
  }

  #ht-site-navigation {
      margin-top: 47px;
  }
  #ht-blog-section .ht-blog-thumbnail {
    padding-top: 0;
  }
}

/* If you are... */
@media screen and (max-width: 900px){
  .ctu-ultimate-style-heading-2 {
    border-left: none!important;
    color: #333!important;
    border-top: 1px solid #cd5308;
  }
  .ctu-ultimate-style-heading-2 .active {
    font-weight: 700;
  }
  #user-link-head,
  #user-page-head {
    display: none;
  }
  #user-link-mobile-head {
    display: block;
    font-size: 1.4rem;
    color: #cd5308;
    font-weight: bold;
    padding: 10px 20px 10px 28px;
    border-top: 1px solid #cd5308;
  }
}


/* Sitemap footer */
@media screen and (max-width: 900px){

  /* turn off the "if you are..." section temporarily for mobile */

  #ht-cta-section {
/*    display: none; */
  }

  #ht-cta-section .ht-container {
    background: #dedede;
    border: 2px solid #dedede;
  }

  ul#menu-main-menu-1 li {
    display: none;
  }
  ul#menu-main-menu-1 > li {
    display: block;
    float: none;
    width: 100%;
    text-align: center;
  }
  div#footer-logo {
  text-align:center;
  float:none;
  }

  div.ht-footer1 {
    float: none;
    width: 100%;
    text-align:center;
  }
  div.ht-footer1 {
    float:none;
    width:100%;
  }

  .ht-footer1 p.address {
    float: none;
    margin-right: 0;
  }

  .ht-footer1 p.phone {
    float:none;
    margin-right:0px;
  }
  .ht-footer {
    width: 100%;
    margin: 0;
  }

  .ht-footer2 {
    text-align: center;
    float: none;
    width:100%;
  }

  ul#menu-footer-menu {
    display:table;
    margin: 0 auto;
  }

  ul#menu-footer-menu li:last-child {
    margin-right: 0;
  }

  div.mw-footer-menu {
    margin: 0 auto;
  }

  .ht-footer3 {
    text-align: center;
    float: none;
    width:100%;
    margin-top:70px;
  }
}

/* Hot Links menu */
@media screen and (max-width: 760px){

  ul#menu-hot-links-menu {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    padding-left: 0;
    margin: 0 0 0 0;
  }

  li#menu-item-3229,
  li#menu-item-3407,
  li#menu-item-143 {
    display: none;
  }

  ul#menu-hot-links-menu li {
    flex: 0 0 calc(100% - 6px);
    margin: 3px;
    padding: 0 0;
    text-align: center;
    box-sizing: border-box;
  }

  div.mw-hot-links {
    float: none;
    margin: 0 auto;
    width: 65%;
    box-sizing: border-box;
    padding: 4px 0 0 60px;
  }
}