/*
Theme Name: Stockholm Child
Theme URI: https://stockholmlanding.qodeinteractive.com/
Description: A child theme of Stockholm Theme
Author: Select Themes
Author URI: https://qodeinteractive.com/
Version: 1.1.2
Text Domain: stockholm
Template: stockholm
*/

/* 
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 width="34px" height="14px" viewBox="0 0 34 14" enable-background="new 0 0 34 14" xml:space="preserve">
<line fill="none" stroke="#1D1D1D" stroke-width="3" stroke-miterlimit="10" x1="0" y1="1.5" x2="34" y2="1.5"/>
<line fill="none" stroke="#1D1D1D" stroke-width="3" stroke-miterlimit="10" x1="0" y1="12.5" x2="34" y2="12.5"/>
</svg>
*/

::selection {
    background-color: #5d5d5d !important;
    color: #ffffff!important;
}

body {
    font-family: "Times New Roman", sans-serif!important;
}

.title h1 {
    font-size: 54px!important;
}

.side_menu .widget li, aside.sidebar .widget:not(.woocommerce) li {
    font-size: 16px!important;
    font-family: 'Times New Roman', sans-serif!important;
    font-style: normal!important;
}

.side_menu .widget a:hover, 
.side_menu .widget li:hover, 
.side_menu .widget li:hover>a {
    color: #000000!important;
}

.side_menu #wp-calendar caption, 
.side_menu #wp-calendar td, 
.side_menu #wp-calendar th, 
.side_menu .widget.widget_rss li a.rsswidget, 
.side_menu a, .side_menu li, 
.side_menu p, .side_menu span {
    color: #202020!important;
    font-family: 'Times New Roman', sans-serif!important;
}

.side_menu  h3.wp-block-heading {
    font-size: 25px !important;
}

.menu-button {
    background: #ad3d3d;
    padding: 10px 20px;
    border-radius: 5px;
    color: white;
    border: 1px solid #ad3d3d;
    transition: all .4s ease-in-out;
    display: flex;
    align-items: center;
    gap: 10px;
}

.menu-button svg {
	fill: white;
	width: 30px;
    height: 30px;
}

.menu-button:hover {
    transform: translateX(4px);
	opacity: .6;
}

nav.main_menu > ul > li > a {
    font-family: 'Times New Roman' !important;
	font-size: 20px!important;
}

.breadcrumb a:hover, 
.breadcrumb span.current {
    color: bisque!important;
}

.home .page_header {
	position: fixed!important;
}

.home .wrapper {
	background-color: #f5f5f5!important;
}

.footer_top .qodef-footer-top-column-2,
.footer_top .qodef-footer-top-column-3 {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.portfolio_single_text_holder {
    padding: 0 70px;
}

blockquote h3, 
blockquote>p {
    font-size: 24px;
    color: #242424!important;
    line-height: 1.5;
    font-family: fangsong;
    font-style: italic;
}

.home footer.qodef-page-footer {
    display: none;
}

.header_top {
    padding: 0 45px!important;
}

.footer_top .qodef-grid-row.qodef-grid-normal-gutter {
    display: flex;
    align-items: flex-end;
}

.custom-popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.popup-logo {
    width: 200px;
}

.popup-inner h2 {
	color: white!important;
	font-size: 25px !important;
}

.popup-inner p {
	color: white!important;
}

.popup-content {
    margin-left: 13px;
}

.popup-inner {
    background: #483029;
    padding: 50px;
    text-align: left;
    position: relative;
    max-width: 500px;
    width: 90%;
}

.popup-button {
    display: inline-block;
    margin-top: 20px;
    padding: 10px 20px;
    background: transparent;
    color: white;
	border: 1px solid white;
    text-decoration: none;
	transition: all .4s ease-in-out; 
}

.popup-button:hover {
	transform: translateX(2px);
	opacity: .6;
	color: white;
}

#popup-close {
    position: absolute;
    top: 10px;
    right: 15px;
    background: none;
    border: none;
    font-size: 34px;
    cursor: pointer;
	color: white
}

.title_text_shadow .breadcrumbs .breadcrumbs_inner, .title_text_shadow .subtitle, .title_text_shadow .title h1 {
    text-shadow: none!important;
}

.page-id-1231 .title,
.page-id-1231 footer {
	display: none;
}