/* Theme Name: Drobnica Morska */
/* mixin */

/* libraries */
@import 'susy/susy';
@import 'breakpoint/breakpoint';

$susy: (
    columns: 12,
    gutters: 1/4
);

$desktop: 1141px;
$tablet: 768px 1140px;
$phone: max-width 767px;
$mobile: max-width 1140px;

/* mixin */
@import 'mixin';

$font-roboto: 'Roboto', sans-serif;
$main-text-color: #00080a;

body {
    background-color: #fff;
	color: $main-text-color;
	font-family: $font-roboto;
	font-size: 12px;
    margin: 0;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

form {
    margin-bottom: 0;
}

input,
textarea {
    font-family: $font-roboto;

    &[type] {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
}

*:focus {
    outline: 0;
}

* {
    background-repeat: no-repeat;
}

a {
	@include transition(color .08s);

	&:hover, &:active, &:focus {
		text-decoration: none;
		outline: 0;
	}
}

.clear {
    clear: both;
}

#container {
    @include container(1140px);

    @include breakpoint($tablet) {
    	@include container(100%);
    }
}

/* import */
@import 'partial';
@import 'header';
@import 'footer';
@import 'home';
@import 'calculator';
@import 'glossary';
@import 'contact';
@import 'faq';
@import 'article';
@import 'articles';
