/*
	Theme Name: Sevag
	Description: Sevag's Theme
	Version: 1.0.0
	Author: Sevag Akelian
	Tags: HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');

html{
	font-size:16px;
}

body{
	font-family: 'Lato', sans-serif;
	font-weight: 400;
}

a{
	color:#3552b0;
	text-decoration: none;
	transition: all 0.1s linear;
}

a:hover{
	opacity:1;
	color:#3552b0;
}

section.section{
	padding:48px 0;
}

section.header{
	width:100%;
}

.header-content{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding:20px 0;
}

.logo{
	display:flex;
}
.logo h1, .logo h4{
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	font-size:3.3rem;
	line-height:3.3rem;
	color:#000000;
}


.logo-link:hover{
	text-decoration: none;
}
.logo-image{
	height:60px;
	margin-top:10px;
}

.social-icons a{
	font-size:1.5rem;
	margin-left:20px;
}

.header-info{
	background-color: #e5ecf4;
	width:100%;
	padding:10px 0;
}

.header-info p{
	margin:0;
	color:#666666;
	font-size: 0.8rem;
}

.product-types{
	/*display:flex;*/
}

.product-type{
	text-align: center;
	display:flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.product-type img{
	width:50px;
}
.product-type h2{
	font-size:1rem;
	margin-top:6px;
}

.table.product-types-table{
	border-spacing: 1px;
	border-collapse: separate;
}


.table.product-types-table td{
    padding: 0;
    vertical-align: middle;
    border-top: none;
		font-size:0.85rem;

}

.table.product-types-table th{
    padding: .75rem;
    vertical-align: middle;
    border-top: none;
	opacity: 0.9;
}

.hover-tier:hover{
	opacity: 0.6;
}


.tier-cell{
	display:flex;
	justify-content: space-between;
	position:relative;
}

.tier-cell a.product-link{
	color:inherit;
	text-decoration: none;
	width:100%;
	padding:1rem 0.75rem;
	display:flex;
	align-items: center;
	justify-content: space-between;
}

.tier-cell-td{
	position:relative;
}

.tier-price, .total-price{
	font-weight: bold;
}

.total-price{
	font-size:1rem;
	padding: 0 0.75rem;
	opacity: 0.9;
}

.table-spacer{
	height:18px;
}

.tier-title{
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding-right: 0.75rem;
	opacity: 0.9;
}

.tier-title img{
	width:30px;
	margin-bottom:5px;
	text-align: center;
}

.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before{
	border-right-color:white;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before{
	border-bottom-color:white;
}

.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before{
	border-top-color:white;
}

.bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before{
	border-left-color:white;
}

.tooltip-inner{
	background-color:white;
	color:#212529;
	padding:0.75rem 0.75rem;
	max-width: none;
}

.product-image{
	text-align: center;
}

.product-image img{
	max-width:100%;
	max-height:200px;
}

.product-info{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top:15px;
	flex-direction: column;
}

.product-info h4{
	font-size:1rem;
}

.product-info h4.inner-price{
	font-size:1.2rem;
}

/***PRODUCT COLLAPSIBLES***/

#tiers-accordion,#products-accordion{
	width:100%;
}

.tier-accordion,.product-accordion{
	width:100%;
}
.tier-accordion{
	padding-bottom:2px;
}
.tier-heading,.product-heading{
	width:100%;

	padding:15px;
	display:flex;
	justify-content: space-between;
	align-items: center;
}

.tier-heading-info,.product-heading-info{
	display:flex;
	justify-content: flex-start;
	align-items: center;
}

.tier-heading h3,.product-heading h3{
	margin:0;
	font-size:1rem;
	margin-left:7px;
	padding-top:1px;
}

.tier-heading img,.product-heading img{
	height:20px;
}

.product-accordion{
	border-left:5px;
	border-right:5px;
	border-bottom: 1px;
	border-bottom-color:rgba(98,133,165,0.3);
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-style: solid;
}


.product-content img{
	margin: 30px 15px 15px 15px;
}

.product-heading h3{
	font-size:0.8rem;
	margin:2px 0;
	margin-left:7px;
}

.hse-btn{
	display: inline-block;
	margin:15px;
	border-style: solid;
	border-width:2px;
	border-radius:15px;
	border-color:#3552b0;
	text-decoration: none;
	transition: all 0.2s linear;
	color:#3552b0;
	padding:3px 9px;
}
.hse-btn:hover{
	text-decoration: none;
	color:#ffffff;
	background-color: #3552b0;
}

.product-heading .product-arrow{
	margin-right:8px;
	font-size:0.7rem;
	transition: all 0.2s linear;
}

.product-heading[aria-expanded=true] .product-arrow{
	transform: rotate(90deg);
}


footer{
	text-align: center;
}

.footer-copyright{
	padding:30px 0 20px 0;
	border-top:2px solid rgba(0,0,0,0.2);
}

.footer-copyright{
	padding:30px 0 20px 0;
}

.footer-copyright p{
	color:rgba(0,0,0,0.7);
}

/*------------------------------------*\
    BLOG
\*------------------------------------*/

.blog-header .sa-button i {
    margin-right: 5px;
    margin-left:auto;
}

.blog-header .sa-button:hover i {
    transform: translateX(-5px);
}

.page-id-655 .header-full, .single-post .header-full{
    height:60vh;
}

.page-id-655 .responsive-menu-button, .single-post .responsive-menu-button{
    display:none !important;
}

#blog{
    background-color:#f3f3f3;
}
.blog-post{
    width:100%;
    -webkit-box-shadow: 0 3px 5px 0 rgba(0, 1, 1, .1);
    -moz-box-shadow: 0 3px 5px 0 rgba(0, 1, 1, .1);
    box-shadow: 0 3px 5px 0 rgba(0, 1, 1, .1);
    min-height:300px;
    background-color: #ffffff;
    margin-bottom:30px;
    transition: all 0.2s ease;
    position: relative;
}
.blog-post-thumbnail{
    height:200px;
    width:100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.blog-post-thumbnail a{
    display: block;
    width:100%;
    height:100%;
}
.blog-post-thumbnail a:hover{
    background-color:rgba(255,255,255,0.2);
}
.blog-post-info{
    padding:20px;
}

.blog-post-info .categories, #single-blog .categories{
    padding-bottom:10px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
	font-size:15px;
}

.blog-post-info h2{
    text-transform: uppercase;
    font-size:21px;
}
.blog-post-info a:hover{
	text-decoration: none;
	opacity: 0.9;
}
.blog-post-info p{

}

.blog-post-info hr{

}

.blog-post-meta{display: flex;}
.blog-post-meta span{
    display: block;
    width:50%;
    color:#6c757d;
}

.blog-post-meta i{
	font-size:14px;
}

.sa-pagination{width:100%;text-align:center;padding:50px 0;}
.page-numbers{text-align:center;padding:7px 10px;border:1px solid #3552b0;margin-left:2px;margin-right:2px;transition: all .2s ease-in;-webkit-transition: all .2s ease-in;color:#3552b0;font-size:16px;}
.sa-pagination .page-numbers:hover, .sa-pagination .current{background-color:#3552b0;color:#ffffff;}
.page-numbers i{font-size:13px;}

#single-blog{padding-bottom:50px;padding-top:50px;}
#single-blog h1.section-title{font-size:35px;}
#single-blog .blog-post-meta{padding:10px 0 15px 0;}
#single-blog .blog-post-meta span{display:inline-block;width:auto;}
.blog-author{padding-right:5px;}
.blog-published{padding-left:5px;}
.back-to-blog{padding:30px 0;display:inline-block;}

.section-content{
	padding:75px 0;
}

h2.section-title, body.category h1.section-title {
    text-align: center;
    margin: 15px 0;
    font-size: 28px;
    font-weight: 700;
}

h2.section-title hr, body.category h1.section-title hr {
    width: 65px;
    border: 2px solid #3552b0;
    display: block;
    margin: 0 auto;
    margin-top: 15px;
}

.subs{
	display: flex;
	align-items: center;
	justify-content: center;
	padding:30px 0 15px 0;
	flex-wrap: wrap;
}


.sub-box{
	border:1px solid rgba(0,0,0,0.2);
	border-radius: 5px;
	margin:15px;
	padding:20px 30px 20px 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.2s linear;
}

.sub-box:hover{
	background-color:rgba(53,82,176,0.3);
	border-color: rgba(53,82,176,0.3);
}

.sub-box img{
	width:60px;
}

.sub-box h4{
	text-decoration: none;
	color: #212529;
	margin-top:10px;
	font-size:18px;
	font-weight: bold;

}
.subs a{
	display: block;
}
.subs a:hover{
	text-decoration: none;
}

#blog{
	padding:5vh 0;
}

.single-blog-info{
	padding:0 10px;
}

.blog-button{
	background-color:#3552b0;
	color:#ffffff;
	transition: all 0.2s linear;
	padding:4px 8px;
	border-radius: 5px;
	text-decoration: none;
	font-size:16px !important;
	letter-spacing: 1px;
}
.blog-button:hover{
	text-decoration: none;
	color:#ffffff;
	opacity: 0.8;
}

.menu-wrapper{
	width:100%;
	background-color:#222222;
}

.menu-wrapper a{
	text-decoration: none;
	color:#ffffff;
}
.menu-wrapper a:hover{
	text-decoration: none;
}
nav ul{
	list-style-type: none;
	padding:0;
	margin:0;
}
nav > ul{
	display:flex;
}

nav > ul > li{
	position: relative;
}

nav > ul > li:hover{
	background-color: blue;
}

nav > ul > li:hover > ul {
	display:block;
	transform: translateY(0);
	top:100%;
}


nav > ul > li > a{
	padding:10px 22px 10px 18px;
	display: block;
}


nav > ul ul{
	position: absolute;
 background-color: #3552b0;
 top:-99999999px;
 transform: translateY(5px);
}

nav > ul ul a{
	white-space: nowrap;
	padding:10px 7px;
	display: block;
}

nav > ul ul a:hover{
	background-color: blue;
}

li.menu-item-has-children > a::after{
	content: "\f078";
	position: absolute;
	right:5px;
	top:50%;
	transform: translateY(-50%);
	font-size:12px;
	color:#ffffff;
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
		margin-top:2px;
}


/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media (min-width: 1201px){
	/*.container, .container-lg, .container-md, .container-sm, .container-xl {
	    max-width: 1920px;
	    padding: 0 100px;
	}*/
}



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

}

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

}

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

}

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

}

@media only screen and (max-width:992px) {
	.logo h1, .logo h4{
		font-size:3rem;
	}

	.sub-box{
		padding:10px 15px 10px 15px;
		margin:5px;

	}

	.subs a{
		width:33.33%;
	}
	.sub-box img{
		width:40px;
		margin-right:3px;
	}

}

@media only screen and (max-width:576px) {
	.logo h1, .logo h4{
		font-size:1.7rem;
	}
	.header-content {
		flex-direction: column;

	}
}

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

}

@media only screen and (max-width:380px) {
	.subs a{
		width:100%;
	}
}


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

}


/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}