/*
Theme Name: Stockholm Child
Theme URI: http://demo.select-themes.com/stockholm/
Description: A child theme of Stockholm Theme
Author: Select Themes
Author URI: http://select-themes.com
Version: 1.1
Text Domain: stockholm
Template: stockholm
*/


.drop_down .narrow .second .inner ul li { width: 100px !important; }

img.sticky { height: 90% !important; top: -45% !important;}
.qbutton.large { margin-top: 5%; }
.qbutton.large .button_icon {display: none;}
nav.main_menu>ul>li>a { padding: 0 18px !important; }
.intro { padding-top: 4%;}
.intro h1 { margin: 4%; }
.intro p { padding: 0% 10%; }
.activity { margin-top: 10%; margin-bottom: 12% !important; padding: 0% 5% 0% 7%; }
h1.qode-ii-title { font-size: 45px; color: #fff; }
.cta-mini { margin-top: 10%; }
.cta { margin-top: 5%; background-position: bottom !important; }
.cta-text { padding: 6% 0% 8% 6% !important; }
.cta h3 { font-size: 55px; color: #fff; }
.icon_text_inner p { font-size: 18px; font-style: italic; font-weight: 300; }
.info .section { padding-top: 10%; }
.vc_custom_1604565277217 { background-position: -500px -700px !important; }
.box-sx, .box-dx { padding: 8% !important;}
.q_icon_with_title .icon_holder .fa-stack.fa-2x i { line-height: inherit !important;}
.q_icon_with_title .icon_text_holder .icon_title { margin: 0 !important;}
.qode-interactive-image .qode-ii-info-holder .qode-ii-title { text-decoration: underline; }
.qode-interactive-image .qode-ii-info-holder .qode-ii-text { line-height: 20px; padding-right: 20%; text-transform: italic; }
.q_icon_with_title .icon_text_inner { margin-left: 6%; }
h4.icon_title { font-size: 20px; font-weight: 500; }
.icon_text_inner p { margin-top: 10px; }
.contacts-icon { margin-top: 3%; }
.q_icon_with_title.small.circle { padding-left: 20%; }
.contact { margin-top: 7%; }
.footer_bottom p { font-size: 16px; line-height: 23px; font-style: italic; margin-top: 2% !important; }
.footer_bottom .fa { font-size: 40px !important; padding: 2% 1%; color: #fff; }
.footer_bottom .fa:hover { color: #d3a13b;}
.fa-stack { width: 70px !important; height: 70px !important; }
.q_icon_with_title .icon_holder .fa-stack.fa-2x i { line-height: 70px !important; }
.content .content_inner > .container > .container_inner.default_template_holder { padding-top: 10% !important; }
ul, ol { font-family: "Josefin Sans", sans-serif; line-height: 33px; }
.about { margin: 5% 0% !important; }
.about p { padding: 0% 10%; }
.box-dx-2 { padding: 8% 8% 0% 5% !important; }
.box-sx-2 { padding: 2% 4% 0% 4% !important }
.wpcf7 form.sent .wpcf7-response-output { border-color: #e6ae48; }
span.wpcf7-list-item { margin: 0px; }




---- MEDIA ----
@media only screen and (min-width: 1681px) and (max-width: 1920px) {
}

@media only screen and (min-width: 1441px) and (max-width: 1680px) {
	.activity { padding: 0%; }
	.cta h3 { font-size: 45px; }
	.box-sx, .box-dx { padding: 2% 8% !important; }
}

@media only screen and (min-width: 1367px) and (max-width: 1440px) {
	h1, h2 { font-size: 30px !important; }
	p { font-size: 18px !important; }
	.activity { padding: 0%; }
	.cta h3 { font-size: 40px; }
	.box-sx, .box-dx { padding: 2% 5% !important; }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
	h1, h2 { font-size: 30px !important; }
	p { font-size: 18px !important; }
	.activity { padding: 0%; }
	.cta h3 { font-size: 40px; }
	.box-sx, .box-dx { padding: 2% 4% !important; }
	.q_icon_with_title.small.circle { padding-left: 10%; }
	.cta-text { padding: 5% 0% 4% 4% !important; }
	.intro p { padding: 0% 2%; }
	.icon_text_inner p { font-size: 16px !important; }
	.q_icon_with_title.small.boxed .icon_text_holder, .q_icon_with_title.small.circle .icon_text_holder, .q_icon_with_title.small.icon_image .icon_text_holder, .q_icon_with_title.small.square .icon_text_holder { padding: 0px 0 0 65px !important; }
	.fa-stack { width: 60px !important; height: 60px !important; }
	.q_icon_with_title .icon_holder .fa-stack.fa-2x i { line-height: 60px !important; }
	.q_icon_with_title .icon_text_inner { margin-left: 4%; }
}

@media only screen and (min-width: 996px) and (max-width: 1024px) {
	p { font-size: 16px; line-height: 28px; }
	nav.main_menu > ul > li > a { font-size: 12px !important; padding: 0 12px !important; }
	.activity { padding: 0%; }
	.intro p { padding: 0% 2%; }
	h1.qode-ii-title { font-size: 36px; }
	.qode-interactive-image .qode-ii-info-holder .qode-ii-text { padding-right: 0%; }
	p.qode-ii-text { font-size: 16px; margin-top: 20px; }
	.cta h3 { font-size: 30px; }
	.cta-text { padding: 6% 0% 8% 4% !important; }
	.box-sx, .box-dx { padding: 2% 4% !important; }
	.q_icon_with_title.small.boxed .icon_text_holder, .q_icon_with_title.small.circle .icon_text_holder, .q_icon_with_title.small.icon_image .icon_text_holder, .q_icon_with_title.small.square .icon_text_holder { padding: 0px 0 0 65px; }
	.fa-stack { width: 60px !important; height: 60px !important; }
	.q_icon_with_title .icon_holder .fa-stack.fa-2x i { line-height: 60px !important; }
	.q_icon_with_title .icon_text_inner { margin-left: 4%; }
}

@media only screen and (min-width: 768px) and (max-width: 995px) {
}

@media only screen and (max-width: 767px) {
}

@media only screen and (min-width: 481px) and (max-width: 736px) {
}

@media only screen and (max-width: 480px){
    .header_bottom { background-color: #000000 !important; }
	p { font-size: 18px !important; }
	h1 { font-size: 30px !important; }
	.intro p { padding: 0%; }
	.qode-interactive-image .qode-ii-info-holder { padding: 0px !important; }
	.cta h3 { font-size: 16px; }
	.qbutton.large { height: 35px !important; line-height: 35px !important; font-size: 10px !important; padding: 0 10px !important; }
	.info .section { padding-top: 5%; }
	.q_icon_with_title.small.circle { padding-left: 5%; }
	.q_icon_with_title.small.circle .icon_text_holder { padding: 0 0 0 70px !important;}
	.contact { margin-top: 30%; padding-bottom: 15% !important; }
	.cta { margin-top: 20%; }
	.vc_custom_1605613215404 { background-position: left bottom !important; }
	.cta-mini { margin-top: 15%; }
	ol { font-size: 18px !important;  }
	.q_elements_item_content.q_elements_holder_custom_292906 { padding: 10% 15% 20% 15% !important; }
	.vc_row.wpb_row.section.vc_row-fluid.cta.vc_custom_1608026161362 { margin-bottom: 20% !important; }
	.footer_bottom .fa { font-size: 30px; padding: 5% 1%; }
	.footer_bottom p { font-size: 16px !important; }
} 

@media only screen and (max-width: 414px){
}

@media only screen and (max-width: 375px){
}

@media only screen and (max-width: 320px){
}
