/*
Theme Name: Stockholm
Theme URI: http://demo.select-themes.com/stockholm
Description: Stockholm Theme
Tags: agency, business, ajax, portfolio, blog, shop, multi-purpose, clean, elegant, white, photography, modern, fullscreen, stylish, design
Author: Select Themes
Author URI: http://demo.select-themes.com
Version: 2.6
License: GNU General Public License
License URI: licence/GPL.txt

CSS changes can be made in files in the /css/ folder. This is a placeholder file required by WordPress, so do not delete it.

*/

/*@import url(http://fonts.googleapis.com/css?family=EB+Garamond);
@font-face {
	font-family: 'Garamond';
	src: url('Garamond-Bold.eot');
	src: url('Garamond-Bold.eot?#iefix') format('embedded-opentype'),
		url('Garamond-Bold.woff2') format('woff2'),
		url('Garamond-Bold.woff') format('woff'),
		url('Garamond-Bold.ttf') format('truetype'),
		url('Garamond-Bold.svg#Garamond-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}*/

.mobile_menu_button {float:right !important; width:30px; text-align:center}

/*
.tabs-profile ul li a{padding: 0 188px 0 0px !important;}
.tabs-profile .q_tabs .tabs-nav li{margin: 0 39px 0 0; }


@media screen and (max-width: 769px) {
.tabs-profile ul li a { padding: 0px 30px 0px 0px !important;}
}
*/
.tabs-profile ul{ width:100% !important}
.tabs-profile ul li a{padding: 0px 0px 0px 0px !important;}
.tabs-profile .q_tabs .tabs-nav li{margin: 0 0px 0 0; width:33.333% !important; text-align:left }
.tabs-profile .q_tabs .tabs-nav li + li{ width:32.333% !important; padding-left:10px !important}
.tabs-profile .q_tabs .tabs-nav li + li + li{ width:31.333% !important; padding-left:22px !important}
.tabs-profile .q_tabs .tabs-nav a{ background:none !important; color:#393939 !important; text-transform:none !important; font-family:Crete Round,sans-serif !important; font-style:italic !important;}
.tabs-profile .q_tabs .tabs-nav a:hover{background:none !important}

.tabs-profile .q_tabs .tabs-nav a .accordion_mark {
    width: 40px;
    height: 40px;

}
.tabs-profile .q_tabs .tabs-nav a .accordion_mark {
    margin-right:10px;
    vertical-align:middle;
    display:inline-block;
    width: 40px;
    height: 40px;
    background-color: transparent;
    border: 2px solid #e6ae48;
    border-radius: 3em;
    -webkit-transition: background-color .3s ease-in-out,border-color .3s ease-in-out;
    -moz-transition: background-color .3s ease-in-out,border-color .3s ease-in-out;
    -ms-transition: background-color .3s ease-in-out,border-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out,border-color .3s ease-in-out;
    transition: background-color .3s ease-in-out,border-color .3s ease-in-out;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height:38px;
    text-align:center !important;
}
.tabs-profile .q_tabs .tabs-nav a .accordion_mark_active{ background:#e6ae48}
.tabs-profile .q_tabs .tabs-nav a .accordion_mark_active .accordion_mark_icon{ color:#fff;}

.tabs-profile .q_tabs .tabs-nav a .accordion_mark_icon{ color:#e6ae48}
.tabs-profile .q_tabs .tabs-nav a .accordion_mark_icon span {
    line-height: 36px;
}
a[href^="tel"]{
    color:inherit !important;
    text-decoration:none !important;
}
.footer_top .widget h4{ margin:6px 0px 26px 0px !important}
@media screen and (max-width: 980px) {
.header_bottom, footer .container_inner, nav.content_menu{padding:0px !important}
nav.mobile_menu ul li a, nav.mobile_menu ul li h4 { padding:10px 15px !important}
}
@media screen and (max-width: 1025px) {
.tabs-profile .q_tabs .tabs-nav li + li + li{ width:28.333% !important; padding-left:22px !important}
 header.centered_logo.centered_logo_animate .q_logo img, header:not(.centered_logo) .q_logo img{ height:75% !important; padding-top:20px !important}
}
@media screen and (max-width: 769px) {
.tabs-profile .q_tabs .tabs-nav li + li + li{ width:28.333% !important; padding-left:22px !important}
.footer_top .widget h4{ margin:1px 0px 37px 0px !important}
}

@media screen and (max-width: 480px) {
 header.centered_logo.centered_logo_animate .q_logo img, header:not(.centered_logo) .q_logo img{ height:70% !important; padding-top:20px !important}
.mobile_menu_button{margin-right:10px !important;}
.footer_top {padding: 82px 26px 76px !important;}


}

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

 header.centered_logo.centered_logo_animate .q_logo img, header:not(.centered_logo) .q_logo img{ height:55% !important; padding-top:25px !important}
.mobile_menu_button{margin-right:00px !!important; }
}