/*
Theme Name: Digia ComPack
Theme URI: https://digia.com
Description: An optimized custom theme for Woocommerce
Version: 0.0.1
Author: Digia
Author URI: https://digia.com
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: digia

Digia ComPack WordPress Theme, Copyright (C) 2023, Sivustonikkari
Digia ComPack is distributed under the terms of the WTFPL
*/
@font-face {
	font-family: 'Nunito Sans';
	src: url('fonts/NunitoSans-ExtraLight.woff')  format('woff');
	font-weight: light;
}
@font-face {
	font-family: 'Nunito Regular';
	src: url('fonts/NunitoSans-Regular.woff')  format('woff');
	font-weight: normal;
}
@font-face {
	font-family: 'Oswald';
	src: url('fonts/Oswald-Regular.woff')  format('woff');
}
@font-face {
	font-family: 'Rubik';
	src: url('fonts/Rubik-Light.woff')  format('woff');
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;	
	text-decoration: none;
	font-family: 'Nunito Regular', sans-serif;
}
:root{
	--digia-color-main: #00599b;
	--digia-color-red: #9D3127;
	--digia-color-green:#00692B;
	--digia-color-gray:#3D3D3D;
}
/*TODO make into a setting?*/
#content{
	margin-top:165px;
	background:none;
}

#main{
	width:calc( 100% - 60px );
	max-width:1460px;
	margin:auto;
	padding:0 30px;
	background:#FFF;
}
body, html{
	width:100%;
	overflow-x:hidden;
	font-family: 'Nunito Regular';
}
h1, h2, h3, h4, h5, h6{
	font-family: 'Oswald', sans-serif;
}
p{ 
	margin-top:18px; 
	line-height:1.75; 
}
#content{
	margin-top:145px;
	padding-top:30px;
}

body.page-template-default #content, body.post-template-default #content{
	width: calc( 100% - 60px );
    max-width: 1460px;
	margin:145px auto 50px;;
	padding:30px;
}

h1.entry-title{
	text-transform:none;
	font-size:40px;
	font-weight:bold!important;
	padding-top:30px;
}
#breadcrumbs a{ color: var(--e-global-color-text);}
#breadcrumbs a:hover{ color: var(--e-global-color-primary);}

/*Scrollbar customization */
::-webkit-scrollbar {
    width: 5px;
	height: 5px;
}

::-webkit-scrollbar-button {
    background: #EEE;
		height:0;
}

::-webkit-scrollbar-thumb {
    background: #888;
	border-radius:10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #666;
}

::-webkit-scrollbar-track-piece {
    background: #FFF;
}
.wpcf7 input:not(.btn),
.wpcf7 textarea,
.wpcf7 select,
.wpcf7 .seldiv,
.wpcf7 .select2-choice,
.wpcf7 .select2-selection--single {
	display: block;
	line-height: initial;
	margin: 9px 0px 0px 0px;
	padding: 10px 15px 10px 15px;
	border-style: solid;
	border-radius: 2px;
	font-size:14px;
	font-weight:600;
	background-color: #fff;
	border: 1px solid #EEE;
	font-family:"Nunito sans";
	width:100%;
}
.wpcf7-form-control option{
	color:#000!important
		
}
input[type="submit"],
input[type="reset"],
input[type="button"],
button[type="submit"] {
  font-size: 12px!important;
  padding: 13px 31px!important;
	color:#FFF!important
}
body:not(.elementor-editor-active, .single-product)  input[type=number]::-webkit-inner-spin-button { 
    -webkit-appearance: none;
    cursor:pointer;
    display:block;
    width:8px;
    color: #333;
    text-align:center;
    position:relative;
}    
body:not(.elementor-editor-active, .single-product)  input[type=number]:hover::-webkit-inner-spin-button { 
    background: url('https://maritim.fi/wp-content/themes/Digia/icons/plusminus.svg') no-repeat 50% 50%;  
    width: 10px;
    height: 20px;
    padding: 4px;
    position: relative;
    right: 0px;
}
.select2-selection.select2-selection--single{
	border: 1px solid #CCC;
   	border-radius: 3px;
}
#full-screen{
	margin-top:-55px
}

#digia-login-form label{
	display:block;
}
#digia-login-form input{
	padding:10px 20px;
	border:1px solid #DDD;
	border-radius:2px;
}

@media(max-width:960px){
	body.page-template-default #content, body.post-template-default #content{
		width: 100%;
		margin:145px auto 50px;;
		padding:10px;
	}
}