/*
 Theme Name:   Alexandria Child Theme
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  This is the child theme for the Alexandria Theme. To make changes to the Alexandria theme, place them in this theme.
 Author:       themealley.com
 Author URI:   http://www.themealley.com/
 Template:     alexandria
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         One-Column, Two-Columns, Right-Sidebar, Custom-Background, Custom-Header, Custom-Logo, Custom-Menu, Featured-Image-Header, Featured-Images, Flexible-Header, Footer-Widgets, Full-Width-Template, Theme-Options, Threaded-Comments, Translation-Ready, Blog, E-Commerce
 Text Domain:  alexandria
*/

/*--------------------------------------------------------------
TABLE OF CONTENTS
----------------------------------------------------------------

1.0 - Globals
2.0 - Header
    2.1 - Site branding
    2.2 - Site navigation
    2.3 - Slider
3.0 - Site content
    3.1 - Posts and pages
    3.2 - Plugin Styles
4.0 - Footer

--------------------------------------------------------------*/


/*--------------------------------------------------------------
1.0 Globals
--------------------------------------------------------------*/
.site-description {
    clear: both;
    margin-bottom: 1em;
    color: #000;
    color: rgba( 0, 0, 0, 1 );
    font-size: 36px;
    font-size: 3.6rem;
    font-family: 'TitilliumText22LRegular', sans-serif;
    line-height: 1.25;
}

.site-main {
    padding: 2% 0;
}

@media screen and ( max-width: 901px ) {
    .site-main {
        padding: 5% 0;
    }
}

@media screen and ( min-width: 901px ) {
    .content-area {
        margin: 0 4% 0 2%;
    }
}


a,
a:visited {
    color: #027db8;
    color: rgba( 2, 125, 184, 1 );
}

a:hover,
a:focus,
a:active {
    color: #000;
    color: rgba( 0, 0, 0, 1 );
}

.page-title {
    margin-bottom: 1em;
}

.clear-one,
.clear-two,
.clear-three,
.clear-four {
    width: 100%;
    height: 1em;
}

.clear-two {
    height: 2em;
}

.clear-three {
    height: 3em;
}

.clear-four {
    height: 4em;
}

.post .entry-title {
    padding: 1em 0;
}

.full-page-content-area {
    margin: 0;
}

.widget-title {
    margin: 1em 0 .5em;
}

/*--------------------------------------------------------------
2.0 Header
--------------------------------------------------------------*/
/*--------------------------------------------------------------
2.1 Site branding
--------------------------------------------------------------*/
.site-branding img {
    float: left;
}

@media screen and ( max-width: 901px ) {
    .site-branding img {
        float: none;
    }
}

.site-title {
    display: inline-block;
    margin-top: .4em;
}

@media screen and ( max-width: 901px ) {
    .site-title {
        display: block;
        margin-top: 0;
    }
}

.site-title a {
    font-size: 40px;
    font-size: 4rem;
}

/*--------------------------------------------------------------
2.2 Site navigation
--------------------------------------------------------------*/
@media screen and ( min-width: 901px ) {
    .site-header-half-width-logo {
        margin: 0;
    }

    .site-header-half-width-nav {
        margin: 2.4em 0 0 0;
        width: 62%;
    }

    .main-navigation {
        width: auto;
        float: right;
    }

    .main-navigation ul ul {
        top: 2.1em;
    }

    .main-navigation ul ul li {
        padding: 0;
        width: 280px;
        font-size: 12px;
        font-size: 1.2rem;
    }

    .main-navigation a {
        padding: .2em 1em;
        color: #fff;
        color: rgba( 255, 255, 255, 1 );
    }

    .main-navigation ul ul a {
        padding: .4em 0 .4em 1.2em;
        width: auto;
    }
}

.main-navigation li {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-size: 1.4rem;
}

.cat-menu-title {
    background: #444;
    color: #000;
    font-weight: 700;
}

.cat-menu-title:hover,
.cat-menu-title:focus,
.cat-menu-title:active,
.cat-menu-title a:hover,
.cat-menu-title a:focus,
.cat-menu-title a:active {
    background: #444;
    cursor: default;
}

/*--------------------------------------------------------------
2.3 Slider
--------------------------------------------------------------*/
.site-slider-custom-header {
    padding: 2em 0;
}

.site-no-slider-header {
    padding: 0;
    height: 10px;
}

a.flex-active {
    background: #fff !important;
    background: rgba( 255, 255, 255, .9 ) !important;
}

/*--------------------------------------------------------------
3.0 Site content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
3.1 Posts and pages
--------------------------------------------------------------*/
.content-wrapper,
.content-product-wrapper,
.content-product-wrapper-last {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.content-product-wrapper,
.content-product-wrapper-last {
    margin-bottom: 1em;
    padding: 1.5em;
    border-bottom: 5px solid #ddd;
    border-bottom: 5px solid rgba( 221, 221, 221, 1 );
    width: 95%;
}

.content-product-wrapper-last {
    margin-bottom: 6em;
}

@media screen and ( max-width: 901px ) {
    .content-product-wrapper,
    .content-product-wrapper-last {
        padding: 1em;
    }

    .content-product-wrapper h4,
    .content-product-wrapper-last h4 {
        margin: .3em 0 .5em 0;
        text-align: center;
    }
}

.content-one-fifth,
.content-four-fifth,
.content-one-fourth,
.content-three-fourth,
.content-one-third,
.content-two-third,
.content-half {
    text-align: justify;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.content-one-fifth {
    -webkit-box-flex: 20%;
    -ms-flex: 20%;
    flex: 20%;
    width: 20%;
    max-width: 20%;
}

.content-four-fifth {
    -webkit-box-flex: 80%;
    -ms-flex: 80%;
    flex: 80%;
    width: 80%;
    max-width: 80%;
}

.content-one-fourth {
    -webkit-box-flex: 25%;
    -ms-flex: 25%;
    flex: 25%;
    width: 25%;
    max-width: 25%;
}

.content-three-fourth {
    -webkit-box-flex: 75%;
    -ms-flex: 75%;
    flex: 75%;
    width: 75%;
    max-width: 75%;
}

.content-one-third {
    -webkit-box-flex: 33%;
    -ms-flex: 33%;
    flex: 33%;
    width: 33%;
    max-width: 33%;
}

.content-two-third {
    -webkit-box-flex: 66%;
    -ms-flex: 66%;
    flex: 66%;
    width: 66%;
    max-width: 66%;
}

.content-half {
    -webkit-box-flex: 50%;
    -ms-flex: 50%;
    flex: 50%;
    width: 50%;
    max-width: 50%;
}

@media screen and ( max-width: 901px ) {
    .content-one-fifth,
    .content-four-fifth,
    .content-one-fourth,
    .content-three-fourth,
    .content-one-third,
    .content-two-third,
    .content-half {
        -webkit-box-flex: 100%;
        -ms-flex: 100%;
        flex: 100%;
        max-width: 100%;
    }
}

.content-title {
    margin-bottom: .5em;
    text-align: left;
}

.content-title i {
    margin-right: .5em;
    color: #027db8;
    color: rgba( 2, 125, 184, 1 );
}

.content-blockquote-large {
    margin: .5em 0 0;
    padding: 0;
    border: 0;
    font-size: 22px;
    font-size: 2.2rem;
}

.content-notice {
    display: none;
}

@media screen and ( max-width: 901px ) {
    .content-notice {
        display: block;
    }
}

/* Page content. */
.content-homepage,
.content-product,
.content-product-ce-download,
.content-linux-services,
.content-linux-services-portfolio,
.content-mac-services,
.content-contact {
    padding: 2em;
}

@media screen and ( max-width: 901px ) {
    .content-homepage,
    .content-product,
    .content-product-ce-download,
    .content-linux-services,
    .content-linux-services-portfolio,
    .content-mac-services,
    .content-contact {
        padding: 1em;
    }

    .content-contact {
        border-bottom: 5px solid #ddd;
        border-bottom: 5px solid rgba( 221, 221, 221, 1 );
    }
}

.content-product-image-detail {
    margin-bottom: 3em;
    padding: .5em;
    border: 1px solid #ccc;
    border: 1px solid rgba( 204, 204, 204, 1 );
    background-color: #fff;
    background-color: rgba( 255, 255, 255, 1 );
}

.content-product-ce-download {
    margin: 2em 0;
    border: 1px solid #ccc;
    border: 1px solid rgba( 204, 204, 204, 1 );
    border-radius: .5em;
}

@media screen and ( max-width: 901px) {
    .content-product-ce-download {
        margin: 0 0 4em;
    }
}

.content-product-ce-download-link,
.content-product-ce-download-link:visited,
.content-product-ce-contact-link,
.content-product-ce-contact-link:visited {
    display: block;
    padding: .5em 0;
    border-radius: .5em;
    background-color: #c00;
    background-color: rgba( 204, 0, 0, 1 );
    color: #fff;
    color: rgba( 255, 255, 255, 1 );
    text-align: center;
    text-shadow: 0 .1em .1em #222;
    text-shadow: 0 .1em .1em rgba( 34, 34, 34, 1 );
}

.content-product-ce-contact-link,
.content-product-ce-contact-link:visited {
    background-color: #ddd;
    background-color: rgba( 221, 221, 221, 1 );
    color: #666;
    color: rgba( 102, 102, 102, 1 );
    text-shadow: 0 .1em .1em #fff;
    text-shadow: 0 .1em .1em rgba( 255, 255, 255, 1 );
}

.content-product-ce-download-link:hover,
.content-product-ce-download-link:focus,
.content-product-ce-download-link:active {
    background-color: #fff;
    background-color: rgba( 255, 255, 255, 1 );
    color: #c00;
    color: rgba( 204, 0, 0, 1 );
    text-shadow: 0 .1em .1em #888;
    text-shadow: 0 .1em .1em rgba( 136, 136, 136, 1 );
    text-decoration: none;
}

.content-product-ce-contact-link:hover,
.content-product-ce-contact-link:focus,
.content-product-ce-contact-link:active {
    background-color: #666;
    background-color: rgba( 102, 102, 102, 1 );
    color: #ddd;
    color: rgba( 221, 221, 221, 1 );
    text-shadow: 0 .1em .1em #000;
    text-shadow: 0 .1em .1em rgba( 0, 0, 0, 1 );
    text-decoration: none;
}

.content-product-ce-screenshot img {
    padding: .5em;
    border: 1px solid #ddd;
    border: 1px solid rgba( 221, 221, 221, 1);
    background-color: #fff;
    background-color: rgba( 255, 255, 255, 1 );
}

.content-product-supported-devices-table {
    border-collapse: separate;
    border-spacing: .3em;
    width: 100%;
    font-size: 13px;
    font-size: 1.3rem;
    table-layout: fixed;
}

@media screen and ( max-width: 901px ) {
    .content-product-supported-devices-table {
        display: none;
    }
}

.content-product-supported-devices-table td {
    margin: .1em;
    border: 1px solid #ccc;
    border: 1px solid rgba( 204, 204, 204, 1 );
    background-color: #fff;
    background-color: rgba( 255, 255, 255, 1 );
    text-align: center;
}

.content-product-supported-devices-table td.device-spec {
    background-color: #ddd;
    background-color: rgba( 221, 221, 221, 1 );
    font-weight: 700;
}

.content-product-contact-details {
    display: block;
    margin: 2em 0;
    padding: 1em;
    border-bottom: 5px solid #ddd;
    border-bottom: 5px solid rgba( 221, 221, 221, 1 );
    border-radius: .5em;
    width: 100%;
    background-color: #fff !important;
    background-color: rgba( 255, 255, 255, 1 ) !important;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.content-product-contact-details ul {
    margin: 0;
    list-style: none;
}

.content-product-contact-details ul:first-child {
    margin-bottom: 1em;
}

.content-product-pdf-download i {
    font-size: 50px;
    font-size: 5.0rem;
}

.content-linux-services-portfolio,
.content-contact-address {
    margin: 1em;
    border-radius: .5em;
    border-bottom: 5px solid #ddd;
    border-bottom: 5px solid rgba( 221, 221, 221, 1 );
    height: 350px;
    background-color: #fff;
    background-color: rgba( 255, 255, 255, 1 );
    font-size: 14px;
    font-size: 1.4rem;
}

@media screen and ( max-width: 901px ) {
    .content-linux-services-portfolio {
        height: auto;
    }
}

.content-contact-address {
    margin: 2em;
    padding: 2em;
    height: auto;
    font-size: 16px;
    font-size: 1.6rem;
}

@media screen and ( max-width: 901px ) {
    .content-contact-address {
        margin: 0;
        padding: 1em;
    }
}

.content-contact-address ul {
    margin: 0 0 2em;
    list-style: none;
}

/* Blog. */
.read-more {
    clear: both;
    display: block;
    margin: 2em 0;
    padding: .5em;
    border-radius: .5em;
    max-width: 100px;
    background-color: #aaa;
    background-color: rgba( 170, 170, 170, 1 );
    color: #fff !important;
    color: rgba( 255, 255, 255, 1 ) !important;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: center;
}

.read-more i {
    margin-left: .5em;
}

.entry-meta-bottom-item a {
    border-radius: .5em;
    background: #027db8;
    background: rgba( 2, 125, 184, 1 );
    color: #fff;
    color: rgba( 255, 255, 255, 1 );
}

/* Search */
.search-term {
    color: #027db8;
    color: rgba( 2, 125, 184, 1 );
    font-style: italic;
}

/*--------------------------------------------------------------
3.2 Plugin styles.
--------------------------------------------------------------*/
/* List Category Posts plugin */
.lcp_catlist {
    margin: 0;
    list-style: none;
}

.lcp_catlist li {
    margin-bottom: 4em;
    padding: 1.5em;
    border-radius: .5em;
    border-bottom: 5px solid #ddd;
    border-bottom: 5px solid rgba( 221, 221, 221, 1 );
    background-color: #fff;
    background-color: rgba( 255, 255, 255, 1 );
}

.lcp_catlist li img {
    margin: 0 .5em .5em 0;
    float: left;
}

.lcp_title {
    margin-bottom: .5em;
    font-size: 24px;
    font-size: 2.4rem;
}

/* Contact form 7 plugin. */
/* Displays blue text. */
.wpcf7-form-required,
.wpcf7-mail-sent-ok {
    color: #027db8;
    color: rgba( 2, 125, 184, 1 );
}

/* Displays orange text. */
.wpcf7-spam-blocked {
    color: #ffa500;
    color: rgba( 255, 165, 0, 1 );
}

/* Displays red text. */
.wpcf7-mail-sent-ng,
span.wpcf7-not-valid-tip,
.wpcf7-validation-errors {
    color: #ff4545;
    color: rgba( 255, 69, 69 1 );
}

form.wpcf7-form input[type='text'],
form.wpcf7-form input[type='email'] {
    padding: .8em;
    width: 94%;
}

.wpcf7-response-output {
    margin: 2em 0 1em !important;
    padding: .5em 0 !important;
}

.wpcf7-mail-sent-ok,
.wpcf7-mail-sent-ng,
.wpcf7-spam-blocked,
.wpcf7-validation-errors {
    border: 0 !important;
}

/* Consent checkbox. */
.your-consent {
    display: block;
    margin: 1em 0;
    padding: 1em;
    border-bottom: 5px solid #ddd;
    border-bottom: 5px solid rgba( 221, 221, 221, 1 );
    border-radius: .5em;
    width: 100%;
    background-color: #fff !important;
    background-color: rgba( 255, 255, 255, 1 ) !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.your-consent .wpcf7-list-item {
    margin: 0;
}

.your-consent input[type='checkbox'] {
    margin-right: .2em;
}

/* Captcha. */
.wpcf7-form-control-wrap {
    margin-bottom: 2em;
}

/* Submit button. */
.wpcf7-submit,
.wpcf7-submit:visited {
    background: #027db8 !important;
    background: rgba( 2, 125, 184, 1 ) !important;
}

.wpcf7-submit:hover,
.wpcf7-submit:focus,
.wpcf7-submit:active {
    background: #fff !important;
    background: rgba( 255, 255, 255, 1 ) !important;
    color: #027db8 !important;
    color: rgba( 2, 125, 184, 1 ) !important;
}

/*--------------------------------------------------------------
4.0 Footer
--------------------------------------------------------------*/
.kl-site-info {
    padding: 2em 0;
    width: 100%;
    color: #555;
    color: rgba( 85, 85, 85, 1 );
    text-align: center;
}