/*
Theme Name: OceanWP Child Theme Blue
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

:root {
  --primary-color: #60a5fa;
  --secondary-color: #93c5fd;
  --ternary-color: #554986;
  --header-gradient-secondary: #f6fcff;
  --header-gradient-primary: #d9dbfb;
  --card-border-color: #49578680;
  --home-button-color: #161935;
}

#ocean_social-3.widget-oceanwp-social ul li a:hover {
  color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

#ocean_social-3.widget-oceanwp-social ul li a:hover .owp-icon use {
  stroke: var(--primary-color) !important;
}

a.light:hover,
a:hover,
.sub-menu .menu-link .text-wrap,
site-search-toggle {
  color: var(--primary-color) !important;
}

.effect-one
  #site-navigation-wrap
  .dropdown-menu
  > li
  > a.menu-link
  > span::after {
  background-color: var(--primary-color) !important;
}

.site-title:hover {
  color: var(--primary-color) !important;
  filter: brightness(100%);
}
.site-title {
  color: var(--primary-color) !important;
  filter: brightness(70%);
}

.page-header-title {
  display: none;
}

.page-header {
  background-color: transparent;
}

#site-header.top-header .header-bottom {
  text-align: center;
  background: rgb(245, 208, 254);
  background: linear-gradient(
    130deg,
    rgba(245, 208, 254, 1) 0%,
    rgba(191, 219, 254, 1) 50%,
    rgba(245, 208, 254, 1) 100%
  );
}

#site-header-inner {
  position: relative;
  height: 100%;
  display: flex;
  justify-content: space-between;
}

.custom-menu-widget .oceanwp-custom-menu > ul > li {
  display: block;
  border-bottom: 1px solid #555555 !important;
}

.widget-title {
  border-color: var(--primary-color);
}

#site-navigation-wrap .dropdown-menu > li > a:hover {
  color: var(--primary-color);
}

#blog-entries ul.meta li i {
  color: var(--primary-color);
}

.related-thumb img {
  border-radius: 25px 25px 0 0;
}

.related-thumb {
  display: block;
  background-color: transparent;
}
.single-post.content-max-width #main #content-wrap {
  display: flex;
}

#main {
  position: relative;
  margin-bottom: 2rem;
}

.content-full-width .content-area,
body.content-full-screen #content-wrap {
  max-width: 700px !important;
  width: 100% !important;
  margin: 0 auto !important;
}

@media only screen and (max-width: 767px) {
  .blog-entry.thumbnail-entry .blog-entry-content {
    margin-top: 15px;
    padding: 5rem !important;
  }
}

.blog-entry.post .thumbnail img {
  border-radius: 25px 25px 0 0;
}

.blog-entry.grid-entry .blog-entry-inner {
  border-radius: 25px 25px 0 0;
}

.content-area {
  max-width: 1200px;
  width: 90%;
  margin: 0 auto;
}

.content-area {
  float: none;
  padding: 10px;
  border-right-width: 0px;
  border-style: solid;
  border-color: transparent;
}

.widget-area.sidebar-primary {
  display: none;
}

.landing-column {
  border: 1px solid var(--card-border-color);
  border-radius: 25px;
}

#footer-widgets .contact-info-widget span.oceanwp-contact-text a,
.contact-info-widget span.oceanwp-contact-text {
  color: #666666;
}
#creator {
  color: transparent;
  display: none;
}
#site-header.top-header #site-logo #site-description h2 {
  color: var(--ternary-color);
  font-size: 1.2rem;
}

/* General CSS */
a:hover,
a.light:hover,
.theme-heading .text::before,
.theme-heading .text::after,
#top-bar-content > a:hover,
#top-bar-social li.oceanwp-email a:hover,
#site-navigation-wrap .dropdown-menu > li > a:hover,
#site-header.medium-header #medium-searchform button:hover,
.oceanwp-mobile-menu-icon a:hover,
.blog-entry.post .blog-entry-header .entry-title a:hover,
.blog-entry.post .blog-entry-readmore a:hover,
.blog-entry.thumbnail-entry .blog-entry-category a,
ul.meta li a:hover,
.dropcap,
.single nav.post-navigation .nav-links .title,
body .related-post-title a:hover,
body #wp-calendar caption,
body .contact-info-widget.default i,
body .contact-info-widget.big-icons i,
body .custom-links-widget .oceanwp-custom-links li a:hover,
body .custom-links-widget .oceanwp-custom-links li a:hover:before,
body .posts-thumbnails-widget li a:hover,
body .social-widget li.oceanwp-email a:hover,
.comment-author .comment-meta .comment-reply-link,
#respond #cancel-comment-reply-link:hover,
#footer-widgets .footer-box a:hover,
#footer-bottom a:hover,
#footer-bottom #footer-bottom-menu a:hover,
.sidr a:hover,
.sidr-class-dropdown-toggle:hover,
.sidr-class-menu-item-has-children.active > a,
.sidr-class-menu-item-has-children.active > a > .sidr-class-dropdown-toggle,
input[type="checkbox"]:checked:before {
  color: var(--primary-color) !important;
}

.single nav.post-navigation .nav-links .title .owp-icon use,
.blog-entry.post .blog-entry-readmore a:hover .owp-icon use,
body .contact-info-widget.default .owp-icon use,
body .contact-info-widget.big-icons .owp-icon use {
  stroke: var(--primary-color) !important;
}

input[type="button"],
input[type="reset"],
input[type="submit"],
button[type="submit"],
.button,
#site-navigation-wrap .dropdown-menu > li.btn > a > span,
.thumbnail:hover i,
.post-quote-content,
.omw-modal .omw-close-modal,
body .contact-info-widget.big-icons li:hover i,
body div.wpforms-container-full .wpforms-form input[type="submit"],
body div.wpforms-container-full .wpforms-form button[type="submit"],
body div.wpforms-container-full .wpforms-form .wpforms-page-button {
  background-color: var(--primary-color) !important;
}

.thumbnail:hover .link-post-svg-icon {
  background-color: var(--primary-color) !important;
}

body .contact-info-widget.big-icons li:hover .owp-icon {
  background-color: var(--primary-color) !important;
}

.widget-title {
  border-color: var(--primary-color) !important;
}

blockquote {
  border-color: var(--primary-color) !important;
}

#searchform-dropdown {
  border-color: var(--primary-color) !important;
}

.dropdown-menu .sub-menu {
  border-color: var(--primary-color) !important;
}

.blog-entry.large-entry .blog-entry-readmore a:hover {
  border-color: var(--primary-color) !important;
}

.oceanwp-newsletter-form-wrap input[type="email"]:focus {
  border-color: var(--primary-color) !important;
}

.social-widget li.oceanwp-email a:hover {
  border-color: var(--primary-color) !important;
}

#respond #cancel-comment-reply-link:hover {
  border-color: var(--primary-color) !important;
}

body .contact-info-widget.big-icons li:hover i {
  border-color: var(--primary-color) !important;
}

#footer-widgets .oceanwp-newsletter-form-wrap input[type="email"]:focus {
  border-color: var(--primary-color) !important;
}

blockquote,
.wp-block-quote {
  border-left-color: var(--primary-color) !important;
}

body .contact-info-widget.big-icons li:hover .owp-icon {
  border-color: var(--primary-color) !important;
}

input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button[type="submit"]:hover,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button[type="submit"]:focus,
.button:hover,
.button:focus,
#site-navigation-wrap .dropdown-menu > li.btn > a:hover > span,
.post-quote-author,
.omw-modal .omw-close-modal:hover,
body div.wpforms-container-full .wpforms-form input[type="submit"]:hover,
body div.wpforms-container-full .wpforms-form button[type="submit"]:hover,
body div.wpforms-container-full .wpforms-form .wpforms-page-button:hover {
  background-color: var(--secondary-color) !important;
}

a .owp-icon use {
  stroke: var(--primary-color) !important;
}

a:hover {
  color: var(--secondary-color) !important;
}

a:hover .owp-icon use {
  stroke: var(--secondary-color) !important;
}

#blog-entries ul.meta li i {
  color: var(--secondary-color) !important;
}

#blog-entries ul.meta li .owp-icon use {
  stroke: var(--secondary-color) !important;
}

.single-post ul.meta li i {
  color: var(--secondary-color) !important;
}

.single-post ul.meta li .owp-icon use {
  stroke: var(--secondary-color) !important;
}

#site-header.has-header-media .overlay-header-media {
  background-color: rgba(0, 0, 0, 0.5);
}

/* Footer Widgets CSS */
#footer-widgets .footer-box a,
#footer-widgets a {
  color: #ededed;
}

#footer-widgets .footer-box a:hover,
#footer-widgets a:hover {
  color: var(--secondary-color) !important;
}

/* Sidebar CSS */
.widget-title {
  border-color: var(--secondary-color) !important;
}