/*
Theme Name: Advanced Twenty Seventeen Child
Theme URI: http://saturnsolutions.com
Template: twentyseventeen
Author: SaturnSolutions
Author URI: http://saturnsolutions.com/
Description: Twenty Seventeen brings your site to life with immersive featured images and subtle animations. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

*/
@import url('../twentyseventeen/style.css');

.ats-align-left {
    text-align: left;
}

.ats-align-center {
    text-align: center;
}

.ats-align-right {
    text-align: right;
}

.ats-layout-boxed #page,
.ats-layout-boxed .site-navigation-fixed {
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
}

.site-footer .ats-wrap1 {
    padding-bottom: 0;
}

.site-footer .ats-wrap2 {
    padding-top: 30px;
}

.footer-copyright-container {
    margin-top: -30px;
}

.ats-hide-panel-title .twentyseventeen-panel .entry-header {
    display: none;
}

.ats-hide-panel-title .twentyseventeen-panel .entry-content {
    float: none !important;
    width: 100% !important;
}

@media (max-width: 1170px) {
    .ats-preview.ats-layout-boxed #page,
    .ats-preview.ats-layout-boxed .site-navigation-fixed {
        max-width: 960px;
    }
}

@media screen and (min-width: 30em) {
    .ats-widget-area-advanced .widget-column {
        float: left !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .ats-widget-area-advanced .widget-column:first-child {
        padding-left: 0 !important;
    }

    .ats-widget-area-advanced .widget-column:last-child {
        padding-right: 0 !important;
    }
}

@media screen and (max-width: 48em) {
    .ats-widget-area-advanced .widget-column {
        width: 100% !important;
    }
}

/********* Adrian Styles *********/

ul {
    list-style: circle;
    list-style-position: inside;
}

li {
	margin-bottom:12px;
}

.black-section {
	background:#e5e5e5;
	padding:52px 0px;
}

.black-section:nth-of-type(odd) {
	background:#FFFFFF;
}

.black-section:nth-of-type(even) .black-flex-wrap {
    flex-direction: row-reverse;
}

.black-flex-wrap {
	display:flex;
    align-items: center;	
}

.black-product-wrap, .black-project-wrap {
	display:flex;
}


.black-flex-box {
    padding: 12px;
    width: 50%;
}

.black-product {
    background: #efefef;
    margin: 0px 6px;
    text-align: center;
	 flex: 1;
    margin-bottom: 24px;

}

.black-project {
    background: #efefef;
    margin: 0px 6px;
	padding:6px 0px;
	flex: 1;
    margin-bottom: 24px;

}

.black-project h3 {
	padding:12px;
	margin:0px;
}

.padding-12 {
		padding:12px;
}


.c-wrapper {
	display:flex;
	justify-content: space-between;
    align-items: flex-start;
}




@media screen and (max-width: 48em) {

	.black-flex-wrap {
		display:block;
	}
	.black-flex-box {
	    width: 100%;
	}
	

	.black-product-wrap, .black-project-wrap {
		display:block;
	}
	
	.c-wrapper {
		display:initial;
	}
	
	.flex-address {
		padding-top:48px;
	}
}