/*
Theme Name:   Counter Child
Description:  Counter Child Theme
Author:       Child Theme by Tiny Blue Sky
Author URI:   http://www.tinybluesky.com
Template:     counter
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/



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

	5.0 - Section Styles
        5.01 - Header
        5.02 - Footer
        5.03 - Misc
        5.04 - Blog Listing Page
    6.0 - Media Queries

/************************************************************************/



/*************************************************************************
5.01 - Header
*************************************************************************/

.site-branding {
    margin:0;
}

header#masthead {
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

header#masthead .site-header-wrap {
  padding: 0 0 20px 0;
}

header#masthead nav#site-navigation {
  border-bottom: 0px;
  margin: 0 40px 0 0;
  text-align: right;
}

.main-navigation {
  right: -40px;
}

ul#primary-menu {
  padding-right: 40px;
}



/*************************************************************************
5.02 - Footer
*************************************************************************/

ul#social-media-links {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    list-style: none;
    margin-left: 0;
    padding: 0;
}

ul#social-media-links a {
    color: #555;
    cursor: pointer;
}

ul#social-media-links a:focus,
ul#social-media-links a:hover,
ul#social-media-links a:active {
    color: #d17d38;
}



/*************************************************************************
5.03 - Misc
*************************************************************************/

select#cat {
    font-size: 0.8em;
}



/*************************************************************************
5.04 - Blog Listing Page
*************************************************************************/

body.blog #primary.content-area {
    -webkit-box-align: start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

body.blog #primary.content-area > article {
    width: 47.5%;
}

body.blog #primary.content-area > article header.entry-header {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

body.blog #primary.content-area > article header.entry-header h3 {
    -webkit-box-ordinal-group: 0;
       -moz-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    width: 100%;
}



/*************************************************************************
6.0 - Media Queries
*************************************************************************/

@media screen and (min-width: 768px) {

/* 5.01 - Header     ******************************************** 768px */

    header#masthead .site-header-wrap {
        width: 322px;
        padding: 0;
    }

    header#masthead .site-header-wrap::before {
        display: none;
    }

    header#masthead #site-navigation {
        width: auto;
        -webkit-box-flex: 1;
           -moz-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
    }

    header#masthead .site-header-wrap .site-branding img {
        width: 322px;
    }

}