/*
Theme Name: Mediumish Child Theme
Version: 1.2.1
Description: A child theme of Mediumish
Author: Sophia Matarazzo
Template: mediumish
*/

@import url("../mediumish/style.css?ver=1.0.5");
/*Sophia*/

#main-slider, .forauthor {
    margin-top: 10px;
}

.carousel-excerpt .fontlight{
	font-size: 18px;
	margin-top: 18px!important;
}
.carousel-inner{
	height: 300px;
}
.carousel-excerpt{
	margin-top: -405px;
	padding:0px!important;
}
.carousel-excerpt .title{
	padding: 12px;
	font-size: 23px;
	
}
.btn-simple{
	margin-bottom: 20px;
}
.carousel-indicators li{
	margin-top: 36px;
}

.featured-image{
	display:none!important;
}
.recent-posts .highlighted, .listrelated .highlighted{
	    height: 393px;
}


.card.post.highlighted .thumbimage{
    height: 165px;
} 
.section-title h2{
	border-bottom: 1px solid black;
    margin-bottom: 25px;
    font-weight: 700;
    font-size: 1.4rem;
    margin-bottom: 27px;
    margin-top: 30px;
    color: #099cff;
}

/* 25/03/2024 DISABLED FOR EXPERIMENT
@media only screen and (max-width: 600px) {
    .mainheading {
		margin-top: 73px;
	}
	.blog-logo{
		float:left;
	}
	.navcontainer{
		height:54px!important;
	}
	.navbar-collapse{
		background-color: rgba(255,255,255,.97);
		margin-left: -37px;
		width: 600px;
	}
	#main-slider, .forauthor{
		display:none;
	}
	.section-title{
		margin-top: 73px;
	}
} */

/* Ensure the a tag is the target of any click events */
a > * {
   pointer-events: none;
}

form > input.form-control {
	margin: 0.5rem 0;
}

.leadmagnet-response {
	margin-top: 1rem;
	border-radius: 0.2rem;
}

.leadmagnet-response.success {
	color: #155724;
	background-color: #d4edda;
	border: 1px solid #c3e6cb;
}

.leadmagnet-response.failure {
	color: #721c24;
	background-color: #f8d7da;
	border: 1px solid #f5c6cb;
}

.ad-sect {
    background-color: #fafafa;
    padding: 12px;
    border: 1px solid lightgray;
}

.ad-sect:empty {
	display: none;
}

/* 25/03/2024 Blog specific custom CSS for Navbar */
.menu-svg-mh {
  max-height: 60px;
}

.sticky-top .navbar {
  border-bottom: 1px solid lightgray;
}

.nav-item {
  margin-top: auto;
}

.nav-item .nav-link:has(> .search-form) {
  padding: 0;
}

/* 25/03/2024 Transferred CSS */
@media (max-width: 991.98px) {
  .navbar-expand-lg>.container,
  .navbar-expand-lg>.container-fluid,
  .navbar-expand-lg>.container-sm,
  .navbar-expand-lg>.container-md,
  .navbar-expand-lg>.container-lg,
  .navbar-expand-lg>.container-xl {
    padding-right:0;
    padding-left:0
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    flex-flow:row nowrap;
    -webkit-box-pack:start;
    justify-content:flex-start
  }
  .navbar-expand-lg .navbar-nav {
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    flex-direction:row
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position:absolute
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right:0.5rem;
    padding-left:0.5rem
  }
  .navbar-expand-lg>.container,
  .navbar-expand-lg>.container-fluid,
  .navbar-expand-lg>.container-sm,
  .navbar-expand-lg>.container-md,
  .navbar-expand-lg>.container-lg,
  .navbar-expand-lg>.container-xl {
    flex-wrap:nowrap
  }
  .navbar-expand-lg .navbar-collapse {
    display:-webkit-box !important;
    display:flex !important;
    flex-basis:auto
  }
  .navbar-expand-lg .navbar-toggler {
    display:none
  }
}

@media (min-width: 992px) {
  .navbar-nav:not(.subnav)>div:not(:last-child) .nav-link::after {
    content:"|";
    padding-left:1rem
  }
}

header .navbar .navbar-nav .nav-link {
  color: rgba(0,0,0,.8);
}

.navbar-brand > img {
  max-height: 55px
}

.navbar .container,
.navbar .container-fluid,
.navbar .container-sm,
.navbar .container-md,
.navbar .container-lg,
.navbar .container-xl {
  /*! @alternate */
  display:-webkit-box;
  display:flex;
  flex-wrap:wrap;
  /*! @alternate */
  -webkit-box-align:center;
  align-items:center;
  /*! @alternate */
  -webkit-box-pack:justify;
  justify-content:space-between
}

.mw-75 {
  max-width: 75% !important;
}

.site-content {
  margin-top: 0;
}

.bg-white {
  background-color: #fff !important;
}

.megamenu {
  position:static
}

.megamenu .dropdown-menu {
  background:none;
  border:none;
  width:100%
}

.navbar-nav .dropdown-menu {
  position: sticky;
  float: none;
}

.dropdown-item:hover, .dropdown-item:focus {
  color: #16181b;
  text-decoration: none;
  background-color: #f8f9fa;
}

a.dropdown-item:hover {
  color: #16181b;
  background-color: #f8f9fa;
}

.border-top {
  border-top: 1px solid #dee2e6 !important;
}

.border-bottom {
  border: 1px solid #dee2e6 !important;
}

div.navbar-collapse {
  flex-basis: 100%;
  -webkit-box-flex: 1;
  flex-grow: 1;
  -webkit-box-align: center;
  align-items: center;
}

.navbar-light .navbar-nav .nav-link:hover,.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active {
  background-color: transparent;
}

.bg-light {
  background-color: #f8f9fa !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.btn-lg, .btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.btn-solution, .btn-blue {
  color: white;
  background-color: #4cafdb;
  border-color: #449dc5;
}

.dropdown-menu {
  text-transform: none;
}

@media only screen and (max-width: 600px) {
  .nav-item {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  #navbarSupportedContent .nav-link {
    font-size: 1.125rem;
  }

  .search-form .search-field {
    width: calc(100% - 43px);
  }
}

/** Code block **/
.dark-theme-code-preview-box {
  display: flex;
  flex-direction: column;
}
.dark-theme-code-preview-box .sidebar {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  overflow-x: auto;
  flex-shrink: 0;
  width: 100%;
}
.dark-theme-code-preview-box .sidebar button {
  color: #282828;
  flex-grow: 1;
  margin: 0.25rem;
  margin-bottom: 0;
  border: transparent;
  border-radius: 10px 10px 0 0;
  border-color: #DDDDDD;
  background-color: #DDDDDD;
  font-size: large;
  outline: none;
}
.dark-theme-code-preview-box .sidebar button:first-child {
  margin-top: 0.25rem;
  margin-left: 0;
}
.dark-theme-code-preview-box .sidebar button:last-child {
  margin-right: 0;
}
.dark-theme-code-preview-box .sidebar button:hover {
  color: #DDDDDD;
  background-color: #282828;
}
.dark-theme-code-preview-box .sidebar button.selected {
  color: #DDDDDD;
  background-color: #282828;
  border-color: #282828;
  cursor: auto;
}

.dark-theme-code-preview-box .button-container {
  position: relative;
  bottom: 3.5rem;
  width: fit-content;
  margin-left: auto;
  opacity: 0.35;
  transition: opacity 0.3s ease-in-out;
}

.dark-theme-code-preview-box .button-container:hover {
  opacity: .85;
}

.dark-theme-code-preview-box .btn {
  position: relative;
  margin: 0.5rem;
  border-radius: 0.375rem;
  border: 1px solid #076eb3;
  background-color: #099cff;
  color: white;
  font-family: Merriweather;
}

.dark-theme-code-preview-box .btn:hover {
  background-color: white;
  color: #099cff;
}

.dark-theme-code-preview-box .copy .tool-tip {
  width: 80px;
  background-color: #555;
  opacity: 0;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -40px;
  transition: opacity .3s;
}

.dark-theme-code-preview-box .copy .tool-tip:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);
}

.dark-theme-code-preview-box .code {
  flex-grow: 1;
  text-align: left;
  margin: 0;
  position: relative;
  background-color: #282828;
  overflow-y: hidden;
  overflow-x: auto;
  padding: 1rem 1rem 3rem;
}
.dark-theme-code-preview-box .code pre {
  display: none;
  flex-direction: column;
  min-width: 100%;
  width: fit-content;
  white-space: pre;
  margin: 0;
}
.dark-theme-code-preview-box .code pre code {
  color: #DEE3DE;
  padding: 0;
  width: 100%;
}
.dark-theme-code-preview-box .code pre.shown {
  display: flex;
}
.dark-theme-code-preview-box .code figure {
  margin: 0;
}
.dark-theme-code-preview-box .code .highlight table td {
  padding: 5px;
}
.dark-theme-code-preview-box .code .highlight table pre {
  margin: 0;
}
.dark-theme-code-preview-box .code .highlight, .dark-theme-code-preview-box .code .highlight .w {
  color: #93a1a1;
  background-color: #282828;
}
.dark-theme-code-preview-box .code .highlight .err {
  color: #002b36;
  background-color: #dc322f;
  font-weight: bold;
}
.dark-theme-code-preview-box .code .highlight .c, .dark-theme-code-preview-box .code .highlight .ch, .dark-theme-code-preview-box .code .highlight .cd, .dark-theme-code-preview-box .code .highlight .cm, .dark-theme-code-preview-box .code .highlight .cpf, .dark-theme-code-preview-box .code .highlight .c1, .dark-theme-code-preview-box .code .highlight .cs {
  color: #657b83;
  font-style: italic;
}
.dark-theme-code-preview-box .code .highlight .cp {
  color: #fd971f;
}
.dark-theme-code-preview-box .code .highlight .nt {
  color: #fd971f;
}
.dark-theme-code-preview-box .code .highlight .o, .dark-theme-code-preview-box .code .highlight .ow {
  color: #93a1a1;
}
.dark-theme-code-preview-box .code .highlight .p, .dark-theme-code-preview-box .code .highlight .pi {
  color: #93a1a1;
}
.dark-theme-code-preview-box .code .highlight .gi {
  color: #859900;
}
.dark-theme-code-preview-box .code .highlight .gd {
  color: #dc322f;
}
.dark-theme-code-preview-box .code .highlight .gh {
  color: #268bd2;
  background-color: #002b36;
  font-weight: bold;
}
.dark-theme-code-preview-box .code .highlight .k, .dark-theme-code-preview-box .code .highlight .kn, .dark-theme-code-preview-box .code .highlight .kp, .dark-theme-code-preview-box .code .highlight .kr, .dark-theme-code-preview-box .code .highlight .kv {
  color: #878acf;
}
.dark-theme-code-preview-box .code .highlight .kc {
  color: #cb4b16;
}
.dark-theme-code-preview-box .code .highlight .kt {
  color: #cb4b16;
}
.dark-theme-code-preview-box .code .highlight .kd {
  color: #cb4b16;
}
.dark-theme-code-preview-box .code .highlight .s, .dark-theme-code-preview-box .code .highlight .sa, .dark-theme-code-preview-box .code .highlight .sb, .dark-theme-code-preview-box .code .highlight .sc, .dark-theme-code-preview-box .code .highlight .dl, .dark-theme-code-preview-box .code .highlight .sd, .dark-theme-code-preview-box .code .highlight .s2, .dark-theme-code-preview-box .code .highlight .sh, .dark-theme-code-preview-box .code .highlight .sx, .dark-theme-code-preview-box .code .highlight .s1 {
  color: #859900;
}
.dark-theme-code-preview-box .code .highlight .sr {
  color: #2aa198;
}
.dark-theme-code-preview-box .code .highlight .si {
  color: #d33682;
}
.dark-theme-code-preview-box .code .highlight .se {
  color: #d33682;
}
.dark-theme-code-preview-box .code .highlight .nn {
  color: #fd971f;
}
.dark-theme-code-preview-box .code .highlight .nc {
  color: #fd971f;
}
.dark-theme-code-preview-box .code .highlight .no {
  color: #fd971f;
}
.dark-theme-code-preview-box .code .highlight .na {
  color: #3997db;
}
.dark-theme-code-preview-box .code .highlight .m, .dark-theme-code-preview-box .code .highlight .mb, .dark-theme-code-preview-box .code .highlight .mf, .dark-theme-code-preview-box .code .highlight .mh, .dark-theme-code-preview-box .code .highlight .mi, .dark-theme-code-preview-box .code .highlight .il, .dark-theme-code-preview-box .code .highlight .mo, .dark-theme-code-preview-box .code .highlight .mx {
  color: #859900;
}
.dark-theme-code-preview-box .code .highlight .ss {
  color: #859900;
}
.dark-theme-code-preview-box .code .highlight .n {
  color: #cbe5e5;
}
.dark-theme-code-preview-box .code .highlight .nx {
  color: #17a2b8;
}