/*
 * Theme Name:		mda-mclaughlin
 * Description:		starter theme
 * License:			GNU General Public License v2.0
 * License URI:		http://www.gnu.org/licenses/gpl-2.0.html
 * Author:			Manon Michel
 * Author URI:		http: //manonatelier.com
 * Theme URI: 		http://manonprojects.com/wp-themes/mda-mclaughlin
 * Version:			1.0
 * Tags:			light, white, one-column, two-columns, three-columns, right-sidebar, left-sidebar, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
 * Text Domain:		mdaalpha
 */
/*
 * $range = max, min
 * $break = $sm2, et al
 * $heightwidth = width, height
 * $orientation = landscape, portrait
 */
/***
TABLE OF CONTENT

DEFAULTS - wp defaults, content, empty, sidebars, form elements
Breakpoint 568px max
***/
/*** DEFAULTS
----------------------------------------------------------------------------------------***/
/*** wp defaults ----------------------------------***/
img {
  max-width: 100%;
}

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
  max-width: 100%;
  height: auto;
}

.clear {
  clear: both;
}

.alignnone {
  margin: 0 2em 2em 0;
}

.aligncenter, div.aligncenter {
  display: block;
  margin: 0 auto 0.5em auto;
}

.alignright {
  float: right;
  margin: 0 0 2em 2em;
}

.alignleft {
  float: left;
  margin: 0 2em 2em 0;
}

.aligncenter {
  display: block;
  margin: 0 auto 0.5em auto;
}

a img.alignright {
  float: right;
  margin: 0 0 2em 2em;
}

a img.alignnone {
  margin: 0 2em 2em 0;
}

a img.alignleft {
  float: left;
  margin: 0 2em 2em 0;
}

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

.wp-caption {
  max-width: 100%;
  padding: 4px 4px 4px 4px;
}

.sticky {
  margin-bottom: 2em;
}

.bypostauthor {
  margin-bottom: 2em;
}

/*** header & footer ----------------------------------***/
body.home header {
  padding-top: 2em;
}

#branding {
  padding: 2em 2em 2em 2em;
}

#branding span {
  display: block;
  padding-left: 2em;
  padding-right: 2em;
}

footer {
  padding: 2em;
}

/*** content ----------------------------------***/
article ul, article ol {
  margin-top: 1em;
  margin-bottom: 1em;
}

article ul li, .widget-box-wrap ul li {
  list-style-type: square;
  list-style-position: outside;
  margin-left: 1.25em;
}

article ol li ul li {
  list-style-type: circle;
  list-style-position: outside;
  margin-left: 1.25em;
}

article ol li, .widget-box-wrap ol li {
  list-style-type: decimal;
  list-style-position: outside;
  margin-left: 1.25em;
}

body.home #hub {
  display: none;
}

table {
  width: 100%;
}

#content h1 + small {
  display: block;
}

#post-single, #post-group {
  padding-bottom: 2em;
}

.flex-images {
  display: none;
}

h1 {
  padding-top: .5em;
  padding-bottom: .5em;
  padding-left: 2em;
  padding-right: 2em;
}

.read-more {
  margin-top: 0;
  display: inline;
  display: inline-block;
}

.read-more a {
  padding: 0 0.5em 0.1em 0.5em;
}

.single-post-meta, .single-post-meta small {
  display: block;
}

.single-post-meta span {
  padding-right: 0.5em;
}

#post-group article {
  margin-bottom: 2em;
  margin-top: 2em;
}

#post-group article p {
  margin-bottom: 2em;
}

body.search #post-group {
  padding-left: 2em;
  padding-right: 2em;
  margin-top: 2em;
}

body.search .search-item h3 {
  margin-bottom: 0 !important;
}

body.search .search-link {
  margin-top: 0 !important;
  margin-bottom: 1em !important;
}

#post-single h1 {
  padding-left: 2em;
  padding-right: 2em;
}

#comments-wrap {
  padding-left: 2em;
  padding-right: 2em;
}

#post-single article p, #post-single article li br, article ol li {
  margin-top: 1em;
}

#post-single article {
  margin-top: 2em;
}

article {
  padding-left: 2em;
  padding-right: 2em;
}

.single-post-meta {
  margin: 2em 2em 2em 2em;
}

.col-smallthumb h2 {
  margin-top: 0 !important;
}

.col-smallthumb img.alignnone {
  margin: 0 0 0 0;
}

.col-map {
  padding: 1em 1em 1em 1em;
}

@media (min-width: 64em) {
  .paragraph-columns {
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    -webkit-column-rule: 0px dotted black;
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -moz-column-rule: 0px dotted black;
    column-count: 2;
    column-gap: 20px;
    column-rule: 0px dotted black;
  }
}
@media (min-width: 90em) {
  .paragraph-columns {
    -webkit-column-count: 3;
    -webkit-column-gap: 20px;
    -webkit-column-rule: 0px dotted black;
    -moz-column-count: 3;
    -moz-column-gap: 20px;
    -moz-column-rule: 0px dotted black;
    column-count: 3;
    column-gap: 20px;
    column-rule: 0px dotted black;
  }
}
.navigation, .pagination {
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 1em;
  padding-top: 3em;
}

/*** sidebars ----------------------------------***/
.initial-sidebar {
  background-color: transparent;
  border: none;
}

#sidebar-left ul li {
  margin-bottom: 0.5em;
}

#sidebar-left p {
  margin-bottom: .5em;
}

.sidebar-left-content-skin {
  padding-left: 2em;
  padding-right: 2em;
  padding-top: 1em;
  padding-bottom: 2em;
}

#sidebar-left .widget-box-wrap {
  margin-bottom: 2em;
}

#aside-footer .widgets-group .widget-box-skin {
  padding-left: 2em;
  padding-right: 2em;
}

footer form {
  padding: 0.5em 0.5em 0.5em 0.5em;
  margin-top: 0.5em;
}

#aside-left .widget-box-wrap {
  margin-bottom: 2em !important;
}

#aside-left #searchform input[type="text"] {
  width: 50% !important;
}

/*** form elements ----------------------------------***/
.widgets-group textarea,
.widgets-group input[type="text"],
.comment-wrap textarea,
.comment-wrap input[type="text"] {
  width: 100%;
}

@media (max-width: 50em) {
  #branding {
    margin-left: 0;
  }
}
/*** Breakpoint 800px max (smartphone)
----------------------------------------------------------------------------------------***/
@media (max-width: 50em) {
  #branding img {
    margin-left: auto;
    margin-right: auto;
  }
}
/*** Breakpoint 568px max (smartphone)
----------------------------------------------------------------------------------------***/
@media (max-width: 35.5em) {
  /*** wp defaults ----------------------------------***/
  img {
    max-width: 100%;
  }

  .clear {
    clear: both;
  }

  .alignleft, .alignright, a img.alignright, a img.alignleft {
    float: none;
  }

  .alignnone {
    margin: 0 0 2em 0;
  }

  .aligncenter, div.aligncenter {
    display: block;
    margin: 0 auto 0.5em auto;
  }

  .alignright {
    margin: 0 0 2em 2em;
  }

  .alignleft {
    margin: 0 2em 2em 0;
  }

  .aligncenter {
    display: block;
    margin: 0 auto 0.5em auto;
  }

  a img.alignright {
    margin: 0 0 2em 2em;
  }

  a img.alignnone {
    margin: 0 2em 2em 0;
  }

  a img.alignleft {
    margin: 0 2em 2em 0;
  }

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

  /*** content ----------------------------------***/
  ul li, article ul li, .widget-box-wrap ul li {
    list-style-type: square !important;
    list-style-position: outside !important;
    margin-left: 1.25em;
  }

  article ol li ul li {
    list-style-type: circle !important;
    list-style-position: outside !important;
    margin-left: 1.25em;
  }

  ol li, article ol li, .widget-box-wrap ol li {
    list-style-type: decimal !important;
    list-style-position: outside !important;
    margin-left: 1.25em;
  }

  #mobile-nav ul li {
    margin-left: 0;
  }

  #container {
    padding-top: 3.2em;
  }

  body.home header {
    padding-top: 0;
  }

  #content h1 + small {
    display: block;
  }

  #branding {
    float: none;
    padding: 1em 1em 1em 1em;
  }

  #branding img {
    padding: 0 0 0 0;
  }

  #mobile-nav-wrap button {
    margin-left: 1em;
  }

  .sidebar-left-content-skin {
    padding-left: 2em;
    padding-right: 2em;
    padding-top: 1em;
    padding-bottom: 2em;
  }

  .single-post-meta span {
    display: block;
  }
}
@media (max-width: 20em) {
  body.home #branding img {
    padding-top: 2em;
  }

  #container {
    padding-top: 3em;
  }
}