@charset "UTF-8";

/*
  Theme Name: Citytour Website
  Description: Citytour Theme
  Version: 1.0.0
  Author: Reaktiiv Grupp OÜ
  Author URI: http://www.reaktiiv.ee
  Tags: HTML5, CSS3

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

/*------------------------------------*\
    MAIN
\*------------------------------------*/

@font-face {
    font-family: 'Roboto';
    src: url('./fonts/Roboto-Bold.eot');
    src: url('./fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Roboto-Bold.woff2') format('woff2'),
        url('./fonts/Roboto-Bold.woff') format('woff'),
        url('./fonts/Roboto-Bold.ttf') format('truetype'),
        url('./fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('./fonts/Roboto-LightItalic.eot');
    src: url('./fonts/Roboto-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Roboto-LightItalic.woff2') format('woff2'),
        url('./fonts/Roboto-LightItalic.woff') format('woff'),
        url('./fonts/Roboto-LightItalic.ttf') format('truetype'),
        url('./fonts/Roboto-LightItalic.svg#Roboto-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('./fonts/Roboto-Medium.eot');
    src: url('./fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Roboto-Medium.woff2') format('woff2'),
        url('./fonts/Roboto-Medium.woff') format('woff'),
        url('./fonts/Roboto-Medium.ttf') format('truetype'),
        url('./fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('./fonts/Roboto-Regular.eot');
    src: url('./fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Roboto-Regular.woff2') format('woff2'),
        url('./fonts/Roboto-Regular.woff') format('woff'),
        url('./fonts/Roboto-Regular.ttf') format('truetype'),
        url('./fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('./fonts/Roboto-BlackItalic.eot');
    src: url('./fonts/Roboto-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Roboto-BlackItalic.woff2') format('woff2'),
        url('./fonts/Roboto-BlackItalic.woff') format('woff'),
        url('./fonts/Roboto-BlackItalic.ttf') format('truetype'),
        url('./fonts/Roboto-BlackItalic.svg#Roboto-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('./fonts/Roboto-Italic.eot');
    src: url('./fonts/Roboto-Italic.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Roboto-Italic.woff2') format('woff2'),
        url('./fonts/Roboto-Italic.woff') format('woff'),
        url('./fonts/Roboto-Italic.ttf') format('truetype'),
        url('./fonts/Roboto-Italic.svg#Roboto-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('./fonts/Roboto-Light.eot');
    src: url('./fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Roboto-Light.woff2') format('woff2'),
        url('./fonts/Roboto-Light.woff') format('woff'),
        url('./fonts/Roboto-Light.ttf') format('truetype'),
        url('./fonts/Roboto-Light.svg#Roboto-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('./fonts/Roboto-MediumItalic.eot');
    src: url('./fonts/Roboto-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Roboto-MediumItalic.woff2') format('woff2'),
        url('./fonts/Roboto-MediumItalic.woff') format('woff'),
        url('./fonts/Roboto-MediumItalic.ttf') format('truetype'),
        url('./fonts/Roboto-MediumItalic.svg#Roboto-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('./fonts/Roboto-ThinItalic.eot');
    src: url('./fonts/Roboto-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Roboto-ThinItalic.woff2') format('woff2'),
        url('./fonts/Roboto-ThinItalic.woff') format('woff'),
        url('./fonts/Roboto-ThinItalic.ttf') format('truetype'),
        url('./fonts/Roboto-ThinItalic.svg#Roboto-ThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('./fonts/Roboto-BoldItalic.eot');
    src: url('./fonts/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Roboto-BoldItalic.woff2') format('woff2'),
        url('./fonts/Roboto-BoldItalic.woff') format('woff'),
        url('./fonts/Roboto-BoldItalic.ttf') format('truetype'),
        url('./fonts/Roboto-BoldItalic.svg#Roboto-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('./fonts/Roboto-Thin.eot');
    src: url('./fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Roboto-Thin.woff2') format('woff2'),
        url('./fonts/Roboto-Thin.woff') format('woff'),
        url('./fonts/Roboto-Thin.ttf') format('truetype'),
        url('./fonts/Roboto-Thin.svg#Roboto-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('./fonts/Roboto-Black.eot');
    src: url('./fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Roboto-Black.woff2') format('woff2'),
        url('./fonts/Roboto-Black.woff') format('woff'),
        url('./fonts/Roboto-Black.ttf') format('truetype'),
        url('./fonts/Roboto-Black.svg#Roboto-Black') format('svg');
    font-weight: 900;
    font-style: normal;
}


@font-face {
    font-family: 'Roboto Condensed';
    src: url('./fonts/RobotoCondensed-Bold.eot?#iefix') format('embedded-opentype'),
    url('./fonts/RobotoCondensed-Bold.woff') format('woff'),
    url('./fonts/RobotoCondensed-Bold.ttf')  format('truetype'),
    url('./fonts/RobotoCondensed-Bold.svg#RobotoCondensed-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('./fonts/RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'),
    url('./fonts/RobotoCondensed-Regular.woff') format('woff'),
    url('./fonts/RobotoCondensed-Regular.ttf')  format('truetype'),
    url('./fonts/RobotoCondensed-Regular.svg#RobotoCondensed-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* ------- Global box-sizing ------- */

*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

body {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}


/* ------- Clear ------- */

.clear:before,
.clear:after {
    content: ' ';
    display: table;
}

.clear:after {
    clear: both;
}

.clear {
    *zoom: 1;
}

img {
    max-width: 100%;
    vertical-align: bottom;
}

a:focus {
    outline: 0;
}

a:hover,
a:active {
    outline: 0;
}

input:focus,
img:focus {
    outline: 0;
}

img:focus {
    outline: 0;
    border: 0;
}

h1,h2,h3,h4,h5,h6{
    margin-top: 0;
}

p {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 1px;
    font-weight: 500;
    margin: 0;
    margin-bottom: 15px;
}


/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

html {
    overflow-x: hidden;
}

body {
    font-size: 16px;
    letter-spacing: 0.24px;
    line-height: 21px;
    color:#00323A;
    margin: 0;
    height: 100%;
    width: 100%;
    overflow-x: hidden;
}


/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #FFF;
    border: 1px solid #F0F0F0;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption .wp-caption-text,
.gallery-caption {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}


/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }
    a,
    a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
    }
    tr,
    img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    @page {
        margin: 0.5cm;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
}