@charset "UTF-8";
/*
 *	Theme Name: U C Clear
 *	Theme URI: http://www.ucclear.com
 *	Description: U C Clear Website Theme
 *	Version: 1.0
 *	Author: Lewis Marshall
 *	Author URI: http://www.lm-design.co.uk
 */
/* Variables */
/* Body Styles */
body {
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  color: black; }

.row {
  margin: 0; }

.container-fluid {
  padding: 0; }

img {
  max-width: 100%;
  height: auto; }

/* Heading And Link Styles */
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  margin-bottom: 40px;
  padding: 0;
  font-weight: 400;
  color: black; }

h1 {
  font-size: 30px; }

h2 {
  font-size: 24px; }

h3 {
  font-size: 20px; }

a:link, a:active, a:visited {
  color: #0000ff;
  transition: all 0.3s ease-in-out;
  font-weight: 400;
  text-decoration: none; }

a:hover {
  color: #0083cb;
  text-decoration: none; }

/* Button Styles */
a.lmd-button-1,
.lmd-button-1,
.submit,
.sml_submitbtn {
  display: inline-block;
  color: #0000ff;
  padding: 8px 16px;
  margin: 20px 10px;
  border: 2px solid #0000ff;
  border-radius: 4px;
  text-transform: uppercase;
  font-size: 18px;
  background: none; }
  a.lmd-button-1:hover,
  .lmd-button-1:hover,
  .submit:hover,
  .sml_submitbtn:hover {
    background: #0000ff;
    color: white; }

.submit,
.sml_submitbtn {
  background: white; }

.sml_submitbtn {
  margin: 10px 0px; }

.iframe-wrap {
  position: relative;
  padding-bottom: 56.25%; }
  .iframe-wrap iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }

/* Wordpress Positioning Styles */
.alignleft,
.aligncenter,
.alignright {
  display: block; }

.alignleft {
  margin: 0 auto 0 0; }

.aligncenter {
  margin: 0 auto; }

.alignright {
  margin: 0 0 0 auto; }

/* Header Styles */
.logo-details-wrapper {
  margin-top: 50px; }
  @media (max-width: 992px) {
    .logo-details-wrapper {
      margin-top: 0; } }
  @media (max-width: 992px) {
    .logo-details-wrapper .logo {
      text-align: center; } }
  .logo-details-wrapper .details {
    padding-top: 12px;
    text-align: right;
    font-size: 26px; }
    @media (max-width: 992px) {
      .logo-details-wrapper .details {
        text-align: center;
        padding-top: 0;
        padding-bottom: 10px; } }
    @media (max-width: 375px) {
      .logo-details-wrapper .details {
        font-size: 20px; } }

/* Main Content Styles */
.content-sidebar-wrapper {
  background-image: url(img/UC-Clear-BG.jpg); }
  .content-sidebar-wrapper .content-sidebar-wrapper-inner {
    background: rgba(255, 255, 255, 0.8);
    z-index: 2; }
    .content-sidebar-wrapper .content-sidebar-wrapper-inner .main-content {
      padding: 2%; }

/* Footer Styles */
.main-footer {
  padding: 0;
  background: white;
  text-align: center;
  color: white; }

.copyright-mylink {
  padding: 1%;
  background: #0083cb;
  font-size: 14px;
  color: white; }
  .copyright-mylink .mylink {
    text-align: left; }
    @media (max-width: 960px) {
      .copyright-mylink .mylink {
        text-align: center; } }
  .copyright-mylink .psp-copyright {
    text-align: right; }
    @media (max-width: 960px) {
      .copyright-mylink .psp-copyright {
        text-align: center; } }

/* Recent Posts Styles */
.recent-post-section {
  padding: 2%;
  text-align: center; }
  .recent-post-section ul {
    margin: 0;
    padding: 0; }
    .recent-post-section ul li {
      list-style: none; }
      .recent-post-section ul li h3 {
        margin: 16px 0 0; }

/* Service Section Styles */
.services-section {
  background: #ebebeb;
  padding: 2%;
  text-align: center; }
  .services-section .lmd-service-image img {
    border: 10px solid #0000ff;
    -webkit-transition: all 0.15s ease-out 0s;
    -moz-transition: all 0.15s ease-out 0s;
    transition: all 0.15s ease-out 0s; }
    .services-section .lmd-service-image img:hover {
      border: 10px solid #0083cb; }
  .services-section .lmd-service-title {
    margin-top: 20px; }

/* Sidebar Styles */
.sidebar {
  padding: 2%; }
  .sidebar .widget-areas {
    margin-bottom: 20px;
    background: #0083cb;
    padding: 4%; }
    .sidebar .widget-areas p {
      margin: 0; }

/* Comment Form Styles */
.comments ul {
  margin: 0;
  padding: 0; }
  .comments ul li {
    list-style: none; }
    .comments ul li .comment-body .comment-author {
      margin-bottom: 10px; }
    .comments ul li .comment-body .comment-meta {
      margin-bottom: 20px; }
    .comments ul li .comment-body .reply {
      margin-bottom: 30px; }

.comments .comment-respond form label {
  display: block;
  margin-top: 26px; }

.comments .comment-respond form textarea {
  border: 2px solid #0083cb;
  padding: 10px;
  width: 70%; }
  @media (max-width: 960px) {
    .comments .comment-respond form textarea {
      width: 100%;
      height: 150px; } }

.comments .comment-respond form input#author,
.comments .comment-respond form input#email,
.comments .comment-respond form input#url {
  border: 2px solid #0083cb;
  padding: 10px;
  width: 70%; }
  @media (max-width: 960px) {
    .comments .comment-respond form input#author,
    .comments .comment-respond form input#email,
    .comments .comment-respond form input#url {
      width: 100%; } }

/* Blog Styles */
.blog-content {
  padding: 2%; }
  .blog-content h1 {
    text-align: center; }
  .blog-content .blog-post {
    margin-bottom: 20px; }
    .blog-content .blog-post .p-content h2 {
      margin-bottom: 10px; }
    .blog-content .blog-post .p-content .post-meta-details {
      font-size: 16px;
      margin-bottom: 10px; }
      .blog-content .blog-post .p-content .post-meta-details .icon-styles {
        color: #0083cb; }

/* Single Post Styles */
.post-content-left {
  padding: 2%; }
  .post-content-left .title-meta {
    font-size: 24px;
    margin-top: 40px; }
    .post-content-left .title-meta span {
      margin-bottom: 14px; }
      .post-content-left .title-meta span .icon-styles {
        color: #0083cb; }
  .post-content-left .post-content-section {
    margin-top: 40px; }
    .post-content-left .post-content-section h1 {
      margin-bottom: 40px; }

.line {
  display: block;
  height: 1px;
  background: #0000ff;
  margin: 30px 0; }
  .line .comments h2 {
    margin-bottom: 20px; }
  .line .comments ul {
    margin: 0;
    padding: 0; }
    .line .comments ul li {
      list-style: none; }
      .line .comments ul li .comment-body {
        margin-left: 20px; }
        .line .comments ul li .comment-body .comment-author {
          margin-bottom: 10px; }
          .line .comments ul li .comment-body .comment-author img {
            margin-right: 10px; }
        .line .comments ul li .comment-body .comment-meta {
          margin-bottom: 24px; }
  .line .comments .comment-respond {
    margin-top: 50px; }
    .line .comments .comment-respond h3 {
      margin-bottom: 10px; }
    .line .comments .comment-respond .comment-form {
      margin-left: 20px; }
      .line .comments .comment-respond .comment-form .comment-form-comment label {
        display: block; }
      .line .comments .comment-respond .comment-form .comment-form-comment textarea {
        width: 80%;
        height: 300px;
        border: 1px solid #0000ff;
        padding: 10px; }
        @media (max-width: 960px) {
          .line .comments .comment-respond .comment-form .comment-form-comment textarea {
            width: 100%;
            height: 150px; } }

/* Homepage Styles */
.hero img {
  width: 100%; }

.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity; }

.carousel-fade .carousel-inner .active {
  opacity: 1; }
  .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1; }

.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
  opacity: 1; }

.carousel-fade .carousel-control {
  z-index: 2; }

@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-fade .carousel-inner > .item.next, .carousel-fade .carousel-inner > .item.active.right, .carousel-fade .carousel-inner > .item.prev, .carousel-fade .carousel-inner > .item.active.left {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .carousel-fade .carousel-inner > .item.next.left, .carousel-fade .carousel-inner > .item.prev.right, .carousel-fade .carousel-inner > .item.active {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

/* Navigation Styles */
.main-navbar {
  height: 50px;
  display: block;
  background: #0083cb;
  position: fixed;
  z-index: 1;
  text-align: center; }
  @media (max-width: 992px) {
    .main-navbar {
      display: none; } }
  .main-navbar ul {
    margin: 0;
    padding: 0;
    display: inline-block; }
    .main-navbar ul li {
      list-style-type: none;
      margin-right: 10px;
      display: inline-block; }
      .main-navbar ul li:last-child {
        margin-right: 0; }
      .main-navbar ul li a {
        height: 40px;
        float: left;
        display: inline-block;
        padding: 0 10px;
        margin-top: 10px;
        line-height: 44px;
        color: white;
        font-size: 14px;
        text-transform: uppercase;
        border-radius: 10px 10px 0 0; }
        .main-navbar ul li a:hover {
          color: #0083cb;
          background: white; }
    .main-navbar ul .current-menu-item a {
      color: #0083cb;
      background: white; }

/* Mobile Navigation Styles */
.mobile-navbar-toggle {
  height: 50px;
  display: none;
  line-height: 50px;
  text-align: right;
  background: #0083cb; }
  @media (max-width: 992px) {
    .mobile-navbar-toggle {
      display: block; } }
  .mobile-navbar-toggle label.navbar-toggle-btn {
    font-size: 30px;
    color: white;
    cursor: pointer; }

.mobile-navbar {
  width: 100%;
  background: #0083cb;
  position: absolute;
  top: 80px;
  right: 0;
  left: -100%;
  -webkit-transition: all 0.15s ease-out 0s;
  -moz-transition: all 0.15s ease-out 0s;
  transition: all 0.15s ease-out 0s;
  display: none;
  z-index: 1; }
  @media (max-width: 783px) {
    .mobile-navbar {
      top: 96px; } }
  .mobile-navbar ul {
    margin: 0;
    padding: 0; }
    .mobile-navbar ul li {
      list-style: none; }
      .mobile-navbar ul li a {
        height: 80px;
        display: block;
        line-height: 80px;
        text-transform: uppercase;
        color: white;
        text-align: center;
        border-top: solid 1px white; }
        .mobile-navbar ul li a:hover {
          background: #0000ff; }
    .mobile-navbar ul .current-menu-item a {
      background: #0000ff; }
  @media (max-width: 960px) {
    .mobile-navbar {
      display: block; } }

#navbar-toggler {
  display: none; }
  #navbar-toggler:checked + .main-header .mobile-navbar {
    left: 0; }

/* Footer Navigation Styles */
.footer-nav ul,
.terms ul {
  margin: 0;
  padding: 0;
  display: inline-block; }
  .footer-nav ul li,
  .terms ul li {
    list-style: none;
    display: inline-block;
    border-right: 1px solid black; }
    .footer-nav ul li:last-child,
    .terms ul li:last-child {
      border-right: none; }
    .footer-nav ul li a,
    .terms ul li a {
      display: inline-block;
      float: left;
      padding: 0 10px; }

.terms {
  margin-top: 20px; }

/* - - - - - - - - - - Dropdown Navigation Styles - - - - - - - - - - */
.main-navbar ul li {
  position: relative; }

.main-navbar ul li ul {
  position: absolute;
  top: -999999px;
  left: 0;
  opacity: 0;
  text-align: left;
  -webkit-transition: 100ms;
  -moz-transition: 100ms;
  transition: 100ms; }

.main-navbar ul li:hover > ul {
  position: absolute;
  top: 100%;
  opacity: 1; }

.main-navbar ul ul li {
  margin: -7px 0 0 0; }
  .main-navbar ul ul li:first-child {
    margin-top: 0; }

.main-navbar ul ul a {
  background: #0083cb !important;
  margin: 0;
  width: 300px;
  height: 50px;
  line-height: 50px;
  border-radius: 0;
  border-top: 1px solid white;
  color: white !important; }
  .main-navbar ul ul a:hover {
    background: #0000ff !important; }

.main-navbar li > a:after {
  content: ' ▾'; }

.main-navbar li > a:only-child:after {
  content: ''; }

/* - - - - - - - - - - Widget Styles - - - - - - - - - - */
.widget-areas {
  color: white;
  /* Testimonial Sidebar Widget Styles */ }
  .widget-areas h3 {
    color: white;
    margin-bottom: 0px; }
  .widget-areas ul {
    margin: 10px 0 0 0;
    padding: 0; }
    .widget-areas ul li {
      margin: 0 0 6px 10px;
      list-style: none; }
      .widget-areas ul li:last-child {
        margin-bottom: 0; }
      .widget-areas ul li a {
        color: white; }
        .widget-areas ul li a:hover {
          color: #0000ff; }
  .widget-areas .easy_testimonial {
    margin: 0;
    padding: 0 10px; }
    .widget-areas .easy_testimonial blockquote {
      border-left: 0;
      margin: 0;
      padding: 0; }
  .widget-areas .testimonial-client {
    color: black; }

/* Main Testimonial Page Styles */
.easy_testimonials_grid_cell {
  background: white;
  border-radius: 10px;
  padding-left: 10px; }

.testimonial-client {
  font-size: 20px;
  font-weight: 700;
  margin-top: 10px; }

/* Contact Form 7 Styles */
.wpcf7-form .input-styles {
  width: 80%;
  padding: 10px;
  border: 1px solid #0083cb; }
  @media (max-width: 960px) {
    .wpcf7-form .input-styles {
      width: 100%; } }

.wpcf7-form .textarea-styles {
  width: 80%;
  height: 300px;
  padding: 10px;
  border: 1px solid #0083cb; }
  @media (max-width: 960px) {
    .wpcf7-form .textarea-styles {
      width: 100%;
      height: 150px; } }