/*
Theme Name: Ultra Child
Theme URI: https://purothemes.com/themes/ultra/
Template: ultra
Author: Puro
Author URI: https://purothemes.com/
Description: Use it to launch your business site, blog or portfolio. Create detailed layouts without writing a line of code using SiteOrigin's drag and drop Page Builder plugin. Start your pages off with a bold full-width Smart Slider and keep users engaged with a sticky menu. Fast, responsive, SEO optimized and backed by professional level support, Ultra is ready for your next project. For assistance, check out our theme documentation (http://purothemes.com/documentation/) or ask a question on our support forum (https://purothemes.com/support/).
Tags: one-column,two-columns,right-sidebar,custom-background,custom-menu,custom-logo,featured-images,footer-widgets,full-width-template,sticky-post,theme-options,threaded-comments,translation-ready,blog,e-commerce
Version: 1.6.6.1764936860
Updated: 2025-12-05 12:14:20

*/
/*--------------------------------------------------------------
2.0 - Typography
--------------------------------------------------------------*/
html {
  font-size: 87.5%;
  line-height: 1.78571em;
  overflow-x: hidden; }

body,
button,
input,
select,
textarea {
  color: #000000;
  font-family: "Cambria";
  font-size: 17px;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
  font-weight: 400;
  line-height: 1.7857; }

/*--------------------------------------------------------------
2.1 - Headings
--------------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  color: #0059b3;
  font-weight: 700;
  hyphens: auto;
  margin: 0.89286em 0; }
  @media (max-width: 480px) {
    .resp h1, .resp h2, .resp h3, .resp h4, .resp h5, .resp h6 {
      line-height: normal; } }
h1 {
  font-size: 27px;
  line-height: 1.5em; }

h2 {
  font-size: 25px;
  line-height: 1.5em; }

h3 {
  font-size: 19.99998px;
  font-size: 1.42857rem;
  line-height: 1.25em; }

h4 {
  font-size: 17.99994px;
  font-size: 1.28571rem;
  line-height: 1.38889em; }

h5 {
  font-size: 16.00004px;
  font-size: 1.14286rem;
  line-height: 1.5625em; }

h6 {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.78571em; }

/*--------------------------------------------------------------
2.2 - Copy
--------------------------------------------------------------*/
p {
  margin: 0 0 1.78571em;
text-align: justify;}
  p:last-child {
	  text-align: justify;
    margin-bottom: 0; }
  p:only-child {
	  text-align: justify;
    margin-bottom: 1.78571em; }

/*--------------------------------------------------------------
13.2 - Top Bar
--------------------------------------------------------------*/
#top-bar {
  background: #A0CAF0;
  clear: both;
  position: relative;
  width: 100%;
  z-index: 9999; }
 #top-bar .top-bar-text span {
      color: #000000;
      display: inline-block;
      font-size: 16px;
      line-height: 38px;
      margin-right: 1.78571em;
      white-space: nowrap; }
      #top-bar .top-bar-text span a {
        color: #000000;
        display: inline-block;
        text-decoration: none; }
        #top-bar .top-bar-text span a:hover {
          color: #000000; }

/*--------------------------------------------------------------
5.2.2 - Top Bar Right Menu
--------------------------------------------------------------*/
 .top-bar-navigation ul li a {
        color: #000000;
        display: block;
        font-size: 16px;
        line-height: 2.08333em;
        text-decoration: none;
        white-space: nowrap; }
 .top-bar-navigation div > ul > li > a:hover {
      border-bottom: 3px solid #F15B25; }
 .top-bar-navigation ul li:hover > a {
        color: #000000; }

/*--------------------------------------------------------------
5.2.3 - Main Menu
--------------------------------------------------------------*/
 .main-navigation ul li a {
        color: #313539;
        display: block;
        font-size: 17px;
        line-height: 1.78571em;
        outline: 0;
        text-decoration: none;
        white-space: nowrap; }
 .main-navigation ul li:hover > a {
        color: #F15B25; }
 .main-navigation div > ul > li > a:hover {
      border-bottom: 3px solid #F15B25; }
.main-navigation .current-menu-item > a,
 .main-navigation .current a {
	  font-size: 17px;
    color: #F15B25; }
 .main-navigation ul ul li a {
          color: #000000;
          padding: 0.4em 0.4em; }
        .main-navigation ul ul li:hover > a {
          background: #A0CAF0;
          border-color: #A0CAF0;
          color: #000000; }
/*--------------------------------------------------------------
13.4 - Footer
--------------------------------------------------------------*/
.site-footer .footer-main {
  background: #A0CAF0; }
  .site-footer .footer-main h3 {
    color: #000000; }
 .site-footer .footer-main .widget h3.widget-title ~ * {
    color: #acaeaf; }
  .site-footer .footer-main a {
    color: #000000; }
    .site-footer .footer-main a:hover {
      color: #000000; }
/*--------------------------------------------------------------
13.5 - Bottom Bar
--------------------------------------------------------------*/
.site-footer .bottom-bar {
  background: #4082B9;
  color: #ffffff; }
 .site-footer .bottom-bar a {
    color: #ffffff;
    text-decoration: none; }
    .site-footer .bottom-bar a:hover {
      color: #ffffff; }
.site-footer .bottom-bar .site-info {
    display: inline-block;
    font-size: 16px;
    padding: 1.2em 0;
    text-align: left;
    vertical-align: middle;
    width: 30%; }

/*--------------------------------------------------------------
13.1.4 - Content Wrapper
--------------------------------------------------------------*/
.site-content {
  background: #fff;
  padding: 10px 0 10px; }

/*--------------------------------------------------------------
13.1.8 - Templates Without Full Width Page Titles
--------------------------------------------------------------*/
.home.blog.siteorigin-panels-home .site-content,
.page-template-home-panels .site-content,
.page-template-full-width-no-title .site-content > .container,
.page-template-default-no-title .site-content > .container,
.blog .site-content .container.no-blog-title {
  padding-top: 10px; }

/*--------------------------------------------------------------
12.0 - Widgets
--------------------------------------------------------------*/
/*--------------------------------------------------------------
12.1 - General Styles
--------------------------------------------------------------*/
#secondary .widget h3.widget-title,
#colophon .widget h3.widget-title {
  font-size: 16.00004px;
  font-size: 1.14286rem;
  line-height: 1.5625em;
  margin-bottom: 0.89286em;
 text-transform: capitalize; }
  #secondary .widget h3.widget-title ~ *,
  #colophon .widget h3.widget-title ~ * {
    font-size: 16px;
    line-height: 1.92308em; }

/*--------------------------------------------------------------
4.0 - Forms
--------------------------------------------------------------*/
/*--------------------------------------------------------------
4.1 - Buttons
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  background: #E77300;
  border: none;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  -webkit-appearance: button;
  font-weight: 400;
  letter-spacing: .5px;
  line-height: normal;
  outline-style: none;
  padding: 10px 20px;
  text-transform: uppercase; }

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  background: #329203; }

/*--------------------------------------------------------------
5.1 - Links
--------------------------------------------------------------*/
a {
  color: #FF6600;
  text-decoration: none;
  transition: 0.3s; }
  a:visited {
    color: #FF6600;}
  a:hover, a:focus, a:active {
    color: #FF6600;
    text-decoration: none; }
  a:focus {
    outline: thin dotted; }
  a:hover, a:active {
    outline: 0; }

/*--------------------------------------------------------------