/**
 * [Main Stylesheet]
 *
 * The Ugly Volvo WordPress theme's custom CSS.
 *
 * @author Luz M. Costa
 * @updated 01.09.2015
 * @version 0.0.3
 *
 * Notes:
    * Developer Notes


    * File Structure
        Rules are divided by views and smaller objects
        -    Document Tags
        -    Containers + Wrappers
        -    Titles and Content
        -    Links and Menus
        -    Tables
        -    Forms
        -    Responsive
        -    Print

    * Palette
        Colors
        -    White: #F5F5F5 | rgb(245, 245, 245)
        -    Light Gray: #AFAFAF | rgb(175, 175, 175)
        -    Midtone Gray: #4B4B4B | rgb(75, 75, 75)
        -    Black: #292420 | rgb(41, 36, 32)
        -    Red: #EC2512 | rgb(236, 37, 18)

        User Messages
        -    Error: #EC2512 | rgb(236, 37, 18)
        -    Warn: #FF8000
        -    Success: #007700

        Social Colors
        -    Facebook Blue: #3B5998 | rgb(59, 89, 152)
        -    Twitter Blue: #14A0E9 | rgb(20, 160, 233)
        -    Pinterest Red: #CC2127 | rgb(204, 33, 39)

    * Font
        -    We're using "Trebuchet MS", Helvetica, sans-serif
            because Trebuchet's narrow letters suit our tables
        -    Should use em, rem, or small|medium|large.  Avoid using px for
            font-size and line height.

    * Spacing
        -    Spacing should observe a 3px breakdown when possible.
        -    We're using rem or em to overwrite px. This is key to
            maintaining design consistency and responsiveness across
            browsers and screens.
 */

/* Fonts */

@import url(http://fonts.googleapis.com/css?family=EB+Garamond|Spinnaker);
/* Document Tags */

* {
  box-sizing: border-box;
}

html,
body {
  font-family: 'EB Garamond', Century Gothic, sans-serif;
}

body {
  color: rgb(41, 36, 32);
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

::selection {
  background: rgb(236, 37, 18);
  /* WebKit/Blink Browsers */
  color: rgb(245, 245, 245);
}

::-moz-selection {
  background: rgb(236, 37, 18);
  /* Gecko Browsers */
  color: rgb(245, 245, 245);
}

img {
  height: auto;
  max-width: 100%;
}

p:not(form p) {
  max-width: 80ch;
}

p,
.form-group {
  font-size: 2.25rem;
  font-weight: 300;
  margin: 3rem 2rem;
  max-width: 80ch;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: rgb(41, 36, 32);
  font-family: 'Spinnaker', 'EB Garamond', Century Gothic, sans-serif;
}

h1,
.h1 {
  font-size: 2em;
}

h2,
.h2 {
  font-size: 1.75em;
}

h3,
.h3 {
  font-size: 1.5em;
}

h4,
.h4 {
  font-size: 1.25em;
}

h5,
.h5 {
  font-size: 1em;
}

h6,
.h6 {
  font-size: small;
}

a {
  color: rgb(236, 37, 18);
  transition: color 0.5s linear;
}

a:hover,
a:focus {
  color: rgb(236, 37, 18);
  text-decoration: none;
}

address,
cite,
code,
p {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  word-break: keep-all;
}

figure {
  margin: 0 auto;
}

figcaption:not(.gallery figcaption) {
  color: rgb(147, 147, 152);
  font-family: 'Spinnaker', 'EB Garamond', Century Gothic, sans-serif;
  font-weight: 400;
  margin: 0 3em;
  text-align: center;
}

.gallery figcaption {
  font-size: small;
  text-align: right;
}

.size-full+figcaption {
  margin: 0.25em 0;
}

caption,
time {
  font-size: 0.8em;
}

address,
cite,
code,
ins {
  font-family: monospace;
  font-size: 0.8em;
}

pre {
  color: rgb(75, 75, 75);
  background: rgb(245, 245, 245);
  border: none;
  padding: 2em;
}

blockquote,
q {
  border-left: 6px solid rgb(236, 37, 18);
  border-radius: 3px;
  font-size: 100%;
  padding-left: 24px;
}

td,
th {
  border: 1px solid rgb(41, 36, 32);
  padding: 6px 9px;
}

td {
  font-weight: 300;
}

dt {
  font-family: 'Spinnaker', 'EB Garamond', Century Gothic, sans-serif;
  font-weight: 900;
  margin-bottom: 3px;
}

dd {
  font-weight: 300;
  margin-bottom: 1em;
  padding-bottom: 0.5em;
}

dl {
  padding: 1em;
}

/* Alignments */

.alignright,
.size-full.alignright {
  float: right;
  margin: 1em 0 1em 3em;
}

.alignleft,
.size-full.alignleft {
  margin: 1em 3em 1em 0;
}

.aligncenter,
.size-full.aligncenter {
  margin: 1em auto;
}

.alignnone,
.size-full.alignnone {
  margin: 3em auto;
}

.size-full {
  margin: 1em 0;
}

/* Containers + Wrappers */

.container {
  margin: 0;
  padding: 0;
  width: 100%;
}

.container-fluid {
  padding: 0;
}

header .container-fluid {
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
}

.row {
  margin: 0;
}

.search {
  -webkit-justify-content: center;
  -webkit-align-items: flex-start;
  -webkit-flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}

body.search.search-results>* {
  width: 100%;
}

.home .row,
.search .row,
.page-template-page-popular-php .row,
.page-template-archives-php .row,
.search-results .row {
  background: #F3F3F4;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

aside.sidebar {
  margin: 0 auto;
  min-width: 320px;
  max-width: 350px;
  width: 350px;
}

aside.sidebar>*:not(:first-child) {
  margin-top: 3rem;
}

.social-navbar {
  display: box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-around;
  -webkit-justify-content: space-around;
}

nav {
  font-family: 'Spinnaker', 'EB Garamond', Century Gothic, sans-serif;
}

nav.collapse {
  border: none;
  display: block;
}

.contact {
  margin: 2em 0 3em 0;
}

.social,
.share {
  clear: both;
  float: left;
}

.share-count:not(span) {
  font-family: 'Spinnaker', 'EB Garamond', Century Gothic, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  padding: 0 1rem;
}

.share-count span {
  clear: both;
  display: block;
  font-size: small;
}

.share-post {
  text-align: center;
}

.share-post span {
  border-radius: 1rem;
  color: white;
  display: inline-block;
  padding: 1rem;
  text-align: center;
  width: 14rem;
  z-index: 1;
}

.share-post .like_page {
  background: rgb(59, 89, 152);
  cursor: pointer;
}

.share-post h3 {
  margin: 6rem 3rem 2rem 0;
}

.share-post .or {
  background: white;
  border-radius: 2rem;
  color: rgb(75, 75, 75);
  height: 4rem;
  left: -50%;
  line-height: 2rem;
  padding: 0.75rem 0.75rem;
  position: relative;
  top: 2rem;
  vertical-align: middle;
  width: 4rem;
  z-index: 2;
}

.share-post .tweet_page {
  background: rgb(20, 160, 233);
  cursor: pointer;
  left: -2rem;
  position: relative;
  z-index: 1;
}

.share-post .like_page:hover,
.share-post .tweet_page:hover {
  color: white;
}

.share-post .like_page:hover {
  box-shadow: 3px 3px rgba(0, 0, 0, 0.15);
}

.share-post .tweet_page:hover {
  box-shadow: -3px 3px rgba(0, 0, 0, 0.15);
}

.menu-icon {
  color: #EC2512;
  float: right;
  margin: 1rem 0;
  position: absolute;
  right: 30px;
  transition: color 1s linear;
  z-index: 100;
}

.menu-icon:hover {
  color: #292420;
}

.social-navbar img {
  max-height: 32px;
}

.social-navbar h2 {
  color: rgb(236, 37, 18);
  display: inline;
  font-size: 1.5rem;
  margin: 1rem 2rem 0 1rem;
}

.social h2 {
  padding-left: 1rem;
}

.social-navbar .textwidget>div {
  display: inline-block;
  font-size: 1.5rem;
  margin: 1rem;
}

.social-navbar a {
  color: rgb(41, 36, 32);
  display: block;
  font-size: 1.5rem;
}

.social-navbar a:hover {
  color: rgb(236, 37, 18);
}

.social-navbar a:not(:last-child) {
  border-right: 1px solid gray;
}

.social-navbar img {
  margin-right: 1rem;
}

.share section {
  padding-left: 1rem;
}

.social section {
  border-right: 1px solid #F5F5F5;
  margin-right: 1rem;
}

.social span {
  clear: both;
  color: rgb(236, 37, 18);
  display: block;
  font-family: 'Spinnaker', 'EB Garamond', Century Gothic, sans-serif;
  margin: 0 1rem;
}

.search {
  display: block;
  clear: both;
  width: 100%;
  margin: auto 0;
}

.search .fa-search {
  background-color: #ffffff;
  margin: auto;
  padding: 1.1rem;
}

.widget_search {
  margin: 1rem auto;
  padding: 0 2rem;
  text-align: center;
}

.social .widget_search {
  margin: 2rem;
}

.input-group {
  width: 100%
}

.search-form {
  display: inline-block;
  width: 100%;
}

.search button {
  height: 100%;
}

.search label {
  display: none;
}

.search-field:focus {
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.15);
}

.form-inline .input-group {
  border-bottom: 1px solid #F3F3F4;
  display: inline-flex;
}

.form-inline .input-group>.form-control,
.input-group {
  border: none;
  box-shadow: none;
  display: flex;
  font-family: 'Spinnaker', 'EB Garamond', Century Gothic, sans-serif;
  font-size: 1.2rem;
  justify-content: center;
  max-width: 60rem;
  width: 26rem;
}

.like,
.retweet {
  cursor: pointer;
  display: inline-block;
}

.like:hover,
.retweet:hover {
  color: rgb(236, 37, 18);
}

.header-navbar>.header-logo {
  display: none;
}

.header-logo {
  margin-left: -3rem;
  position: relative;
  top: -999px;
  z-index: 1;
  -moz-transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

.big .header-logo {
  top: 0;
}

.mobile .header-logo,
.tablet .header-logo {
  margin-left: 0;
}

.small .header-navbar>.header-logo {
  display: block;
  top: 0;
}

.small .header-brand a>.header-logo {
  display: none;
}

.small .header-brand {
  height: 0;
}

.header-brand div {
  text-align: center;
}

.header-brand a {
  display: -webkit-inline-flex;
  display: inline-flex;
  padding: 1rem 3rem;
  width: 100%;
}

.header-objects:first-child {
  height: auto;
  width: auto;
  margin-left: -7rem;
  z-index: 0;
}

/*.big:not(.mobile) .header-objects:not(:first-child) {
  -webkit-align-items: center;
  align-items: center;
  position: absolute;
  right: 0;
  top: 0;
  display: -webkit-inline-flex;
  display: inline-flex;
  height: 100%;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  z-index: 2;
}*/

.big+.container-fluid[role=document] {
  margin-top: 0;
}

.small .header-objects img {
  margin-bottom: 1rem;
}

.header-brand img {
  margin: 1rem 3rem;
  width: auto;
}

.small img {
  max-height: 9rem;
  margin: 0 4rem 1rem 4rem;
}

picture img {
  -moz-transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

picture.lamp img {
  position: relative;
  left: -999px;
}

.big picture.lamp img {
  left: 0;
}

/*picture.ball img {
  left: -999px;
  width: 7rem;
}
.big picture.ball {
    left: auto;
    margin: 2rem auto 0 auto;
}
picture.train img {
  margin-top: 3rem;
  position: relative;
  right: 23%;
  top: -999px;
  width: 10rem;
}
.big picture.train img {
  position: absolute;
  top: auto;
}*/

.mobile .header-objects,
.mobile .header-objects img,
.tablet .header-objects,
.tablet .header-objects img {
  height: 0;
  width: 0;
  margin: 0;
}

.mobile .header-brand img,
.tablet .header-brand img {
  margin: 0;
}

.mobile+.container-fluid .content.row,
.tablet+.container-fluid .content.row {
  padding-top: 2rem;
}

.small .header-navbar {
  display: inline-flex !important;
  padding: 1rem 3rem;
}

.navbar-default {
  background-color: #FFFFFF;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  /* Override Bootstrap rules before setting new ones. */
  border: none;
  margin-bottom: 0;
  position: relative;
  top: 0;
  width: 100%;
  -moz-transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

.navbar-default.big {
  padding-top: 1rem;
}

.navbar-default.small {
  background-position: 0 76px;
  position: fixed;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  margin: auto;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
  background: none;
}

.navbar-nav {
  background-color: #ffffff;
  font-family: 'Spinnaker', 'EB Garamond', Century Gothic, sans-serif;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}

.navbar-nav>li {
  display: inline-block;
  float: none;
  font-size: 1em;
  font-weight: 300;
  margin: 0.75em auto;
  padding: 0 1rem;
  max-width: 14rem;
  min-width: 4em;
}

.mobile .navbar-nav>li {
  font-size: 1rem;
  padding: 0;
}

.mobile .nav>li>a {
  padding: 0 1rem;
}

.navbar-nav>li>a {
  display: inline-block;
  text-align: center;
}

.navbar-default .navbar-nav>li>a,
h2 a {
  color: rgb(41, 36, 32);
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover,
h2 a:focus,
h2 a:hover {
  color: rgb(236, 37, 18);
  text-decoration: none;
}

/* Main Header Menu */

.active a,
.home .menu-most-recent a {
  color: rgb(236, 37, 18) !important;
}

/* Menu Descriptions */

.menu-contact span.sub {
  /*    font-size: 0.9em; */
}

/* Media */

.page-template-archives-php .thumbnail-wrapper {
  margin-left: 3px;
}

.img-thumbnail {
  border: none;
}

.nivo-lightbox-overlay {
  background: rgba(0, 0, 0, 0.75);
}

.nivo-lightbox-close {
  color: rgb(255, 255, 255);
}

#prodcontain {
  text-align: center;
}

/* Title and Content */

main {
  font-size: 1.3em;
  margin: 0 1rem 2rem 1rem;
}

.home main,
.page-template-archives main,
.page-template-page-popular main,
.search main {
  flex: 1;
  text-align: center;
}

header {
  margin: 0 0 2em 0;
}

.main header {
  text-align: center;
}

.home article,
.search article,
.page-template article {
  background: #FFFFFF;
  display: inline-block;
  margin: 0 1rem 2rem 1rem;
  vertical-align: middle;
}

.home article,
.search article,
.page .entry-content:not(.contact) {
  height: 360px;
  height: 36rem;
  text-align: center;
  min-width: 26rem;
  width: 300px;
  width: 30rem;
}

.search article {
  max-width: 17em;
}

.single .entry-content {
  margin: 2rem 4rem 0 4rem;
}

.page h2.entry-title {
  margin: 1em 0;
}

.page .entry-content h1 {
  margin: auto;
  width: 31ch;
}

.page .entry-content h2 {
  margin: 2rem 1rem;
}

.home article header,
.search article header {
  margin: 0.25em 1em;
}

.home article header,
.search article header,
.page .entry-content h2 {
  max-width: 14em;
}

.home h2.entry-title,
.search h2.entry-title,
.page h2.entry-title {
  font-size: 2rem;
  font-weight: 400;
  vertical-align: middle;
}

.home article img,
.search article img,
.page .entry-content img {
  max-height: 225px;
  height: auto;
  margin: 6px 0;
  max-width: 250px;
  text-align: center;
}

.entry-content.most-popular-posts {
  text-align: center;
}

.home .entry-summary,
.search .entry-summary,
.page-template-page-popular .entry-summary,
.page-template-archives .entry-summary {
  min-height: 180px;
  max-height: 225px;
  margin: 2rem 1rem 1rem 1rem;
  overflow: hidden;
  text-align: center;
}

.gallery ul {
  padding: 0;
  text-align: center;
}

.gallery li {
  list-style-type: none;
  margin: 4rem auto;
}

.gallery li div {
  margin: auto;
  max-width: 640px;
}

.alert-warning {
  background: none;
  border: 1px solid rgb(236, 37, 18);
  color: rgb(236, 37, 18);
}

.error404 form.search-form {
  margin-bottom: 3em;
}

.error404 .form-control {
  height: 36px;
}

.contact h1 {
  margin: 1em;
  text-align: center;
}

.contact form {
  margin: 3rem;
}

p.MsoNormal {
  text-align: center;
}

/* Links and Menus */

.byline>.author {
  border-bottom: 3px solid rgb(236, 37, 18);
  padding-bottom: 2px;
}

.pager {
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 2rem 0;
}

.pager .previous>a,
.pager .previous>span,
.pager .next>a,
.pager .next>span {
  float: none;
}

.pager li {
  display: inline-flex;
}

.pager li>a:hover,
.pager li>a:focus {
  background-color: white;
  color: rgb(236, 37, 18);
}

.pager li>a,
.pager li>span {
  background-position: 12px 21px;
  background-size: 1rem;
  border: none;
  border-radius: 4px;
  color: rgb(41, 36, 32);
  line-height: 1;
  padding: 2rem;
}

.previous span,
.next span {
  padding-left: 9px;
}

.previous a {
  background: rgb(255, 255, 255) url('../img/theuglyvolvo_arrow-left.png') no-repeat left top;
}

.next a {
  background: rgb(255, 255, 255) url('../img/theuglyvolvo_arrow-right.png') no-repeat right top;
}

section#comments {
  background: #F3F3F4;
  clear: both;
  margin: 6rem 0;
  padding-bottom: 1rem;
}

section#comments nav {
  margin: 1rem;
}

section#comments h3,
section#respond h3 {
  background: #EC2512;
  color: #FFFFFF;
  font-weight: 400;
  font-size: 1em;
  padding: 1rem;
}

.respond {
  color: #FFFFFF;
  display: block;
  font-family: 'EB Garamond', Century Gothic, sans-serif;
  font-size: small;
}

.respond:hover {
  color: #FFFFFF;
  font-style: italic;
}

.comment .form-control {
  font-size: 100%;
}

.comment-subscription-form label {
  font-weight: 300;
  margin: 1rem;
}

.media-list>li {
  background: #FFF;
  margin: 1rem;
  padding: 3rem;
}

li.comment.depth-3>.comment-meta,
li.comment.depth-4>.comment-meta,
li.comment.depth-5>.comment-meta {
  width: 100%;
}

li.comment.depth-3>.media-body,
li.comment.depth-4>.media-body,
li.comment.depth-5>.media-body {
  clear: left;
}

li.comment p {
  margin: 0 auto 2rem 2rem;
}

li.comment li {
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  margin: 2rem;
  padding: 1rem;
}

li.comment.bypostauthor>.comment-meta .media-heading {
  color: red;
}

.media-body {
  clear: left;
  margin: 0;
}

.comment-meta {
  display: inline-block;
  float: left;
  margin-bottom: 2rem;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.comment-meta>* {
  clear: both;
  font-size: small;
  text-align: center;
  width: 100%;
}

.comment-meta img {
  border-radius: 4px;
  float: none !important;
  margin: auto;
  width: auto;
}

.comment-meta a {
  color: rgb(0, 0, 0);
}

.comment-meta a:hover {
  color: rgb(236, 37, 18);
  text-decoration: none;
}

.comment-meta .media-heading {
  font-size: 2rem;
  font-weight: 400;
  margin: 1em 0;
}

.comment-actions a:nth-child(2) {
  border-left: 1px solid #F5F5F5;
  margin-left: 0.5em;
  padding-left: 0.5em;
}

section#respond {
  background: #F3F3F4;
  margin: 3em 0;
}

section#respond .form-group,
section#respond p {
  margin: 3rem;
}

form#commentform {
  padding-bottom: 1rem;
}

div#jp-relatedposts {
  clear: both;
}

div#jp-relatedposts h3.jp-relatedposts-headline {
  font-size: 1em;
}

footer .container {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
}

aside.sidebar section h3 {
  font-size: 1.75rem;
  font-weight: 400;
  margin: 0;
}

.widget_twitter_timeline,
.theuglyvolvo_on_facebook,
.rss-aggregator {
  background-color: white;
  margin: 0;
  padding: 1rem 2rem;
}

.textwidget {
  display: flex;
  justify-content: center;
}

.share_theuglyvolvo {
  background-color: white;
  margin-bottom: 3rem;
  padding: 2rem 0;
  width: 100%;
}

.networks {
  display: flex;
  justify-content: space-between;
  margin: 2rem 0 0 0;
}

.networks>* {
  background: rgb(236, 37, 18);
  color: white;
  cursor: pointer;
  text-align: center;
  padding: 2rem;
  width: 50%;
}

.networks .facebook {
  background: #3B5998;
}

.networks .twitter {
  background: #14A0E9;
}

.share_theuglyvolvo p {
  color: #888888;
  font-family: 'Spinnaker', 'EB Garamond', Century Gothic, sans-serif;
  font-size: 1.5rem;
  margin: 0;
}

.share_theuglyvolvo p,
.share_theuglyvolvo h3 {
  padding: 0 2rem;
}

.jetpack_subscription_widget {
  background: rgb(0, 0, 0);
  color: white;
  float: none;
  margin: 0 0 2em 0;
  padding: 2em;
  text-align: center;
  width: 100%;
}

#subscribe-blog-blog_subscription-2>* {
  margin: 0 1rem 0 1rem;
  width: 240px;
}

#subscribe-submit {
  margin-top: 2rem;
}

.jetpack_subscription_widget h3 {
  height: 0;
  margin: 0;
}

.jetpack_subscription_widget p {
  display: inline-block;
  font-size: 1.75rem;
  line-height: 100%;
  margin: 0;
}

.jetpack_subscription_widget input[type=submit] {
  background: #FFFFFF;
  border-radius: 0.5rem;
  color: rgb(236, 37, 18);
  font-size: 2rem;
  height: 4rem;
}

.jetpack_subscription_widget input[type=submit]:hover {
  background: rgb(236, 37, 18);
  color: rgb(255, 255, 255);
  border: 3px solid rgb(236, 37, 18);
}

#subscribe-text {
  font-family: 'Spinnaker', 'EB Garamond', Century Gothic, sans-serif;
  font-size: 2rem;
  line-height: 2;
}

#subscribe-field {
  background: none;
  border: none;
  border-bottom: 3px solid white;
  border-radius: 0.25rem;
  color: white;
  font-family: 'Spinnaker', 'EB Garamond', Century Gothic, sans-serif;
  height: 4rem;
  padding: 0 1em;
  text-align: center;
  width: 25ch;
}

.jetpack_subscription_widget i {
  margin-right: 0.5em;
}

.widget_twitter_timeline h3 {
  font-size: 2rem;
  line-height: 4;
  margin-top: 0;
}

.widget_text a {
  color: rgb(41, 36, 32);
  float: left;
  font-weight: 300;
}

.widget_text a:hover {
  color: rgb(236, 37, 18);
}

.like_page {
  color: rgb(59, 89, 152);
}

.pin_page {
  color: rgb(204, 33, 39);
}

.tweet_page {
  color: rgb(20, 160, 233);
}

.share-page>*:not(.share-count) {
  margin: 2rem 1rem;
}

.like_page:hover,
.tweet_page:hover {
  color: rgb(41, 36, 32);
}

.twitter-follow {
  float: right;
  margin: 1.5rem 1rem;
}

.twitter-follow button {
  height: 3rem;
  width: 8rem;
}

footer .widget_facebook-like-box {
  border: 1px solid #e5e6e9;
  padding: 2rem 24px;
}

.theuglyvolvo_on_facebook {
  padding: 0;
}

.theuglyvolvo_on_facebook img {
  border-radius: 4px;
  margin-right: 12px;
  width: 42px;
}

.theuglyvolvo_on_facebook h3 {
  font-size: 2rem;
  line-height: 2;
  margin: 1rem 0;
  padding-left: 2rem;
}

#like_site,
#like_site>span {
  float: right;
  width: 48px;
}

#theuglyvolvo_like {
  background-color: white;
  display: inline-flex;
  justify-content: space-between;
  padding: 1rem;
  width: 100%;
}

#theuglyvolvo_like a {
  margin: 1.2rem;
}

#theuglyvolvo_like button {
  height: 3rem;
  width: 8rem;
  display: block;
  margin: 0.5rem 1rem;
}

li.feed-item {
  font-size: 1.75rem;
  list-style: none;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}

li.feed-item:first-child {
  margin-top: 0;
}

.rss-aggregator {
  clear: both;
  margin-bottom: 2rem;
}

.rss-aggregator+.nav-links {
  height: 0;
  margin: 0;
}

span.feed-date {
  display: none;
}

.wprss-time-ago {
  font-size: small;
}

footer .search {
  background-color: #F3F3F4;
  padding: 1rem;
}

.copyright {
  /*background: rgb(41, 36, 32);
  color: rgb(245, 245, 245);*/
  font-family: 'Spinnaker', 'EB Garamond', Century Gothic, sans-serif;
  text-align: center;
}

.copyright small {
  display: block;
  padding: 1rem;
}

.fa-copyright {
  margin-right: 0.5rem;
}

/* Table */

/* Form */

.btn-primary,
.btn-default,
button,
input[type="submit"] {
  background: rgb(236, 37, 18);
  border: none;
  border-radius: 4px;
  color: white;
  font-family: 'Spinnaker', 'EB Garamond', Century Gothic, sans-serif;
  font-weight: 400 !important;
  height: 4em;
  text-align: center;
  transition: background-color 0.15s linear;
  padding: 0 1em;
  width: 100%;
}

.btn-primary:hover,
.btn-default:hover,
button:hover,
input[type="submit"]:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-default:focus,
.btn-default:active,
button:focus,
button:active,
input[type="submit"]:focus,
input[type="submit"]:active {
  background: rgb(255, 255, 255);
  color: rgb(236, 37, 18);
  border: 3px solid rgb(236, 37, 18);
}

label,
input {
  font-size: smaller;
  font-weight: 300;
  outline: none;
}

textarea,
input[type="email"],
input[type="text"] {
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  outline: none;
  padding: 6px 12px;
  width: 100% !important;
}

textarea:focus,
input[type="email"]:focus,
input[type="text"]:focus {
  color: rgb(0, 0, 0);
}

.contact-form {
  margin-bottom: 5rem;
}

.contact-form label {
  font-weight: 400 !important;
}

.contact-form textarea {
  width: 100% !important;
}

.contact-form input {
  font-weight: 300 !important;
}

.contact-form input[type="submit"] {
  font-size: 2rem;
  height: 5rem;
}

.contact-form input[type="email"] {
  max-width: 100%;
}

.contact-form div:not(:nth-child(3)) {
  float: left;
  width: 50%;
}

.contact-form div:nth-child(3) {
  clear: both;
}

.contact-form span {
  font-size: 0.8em;
}

/* Ads */

.ad {
  margin: 2rem auto;
  text-align: center;
}

.home main .ad,
.search main .ad {
  width: 32rem;
}

footer .ad {
  width: 100%;
}

object#_BC_F {
  display: none;
}

/* Removes WordPress smiley face. */

#wpstats {
  display: none;
}

/* Responsive */

@media (max-width: 600px) {
  .navbar-nav>li {
    margin: 12px auto;
  }
  .social-navbar .textwidget>div {
    display: block;
  }
  .social-navbar>div {
    top: 1em;
  }
}

@media (min-width: 400px) {
  .share-post .or {
    left: -2rem;
    top: 0;
  }
  .share-post .tweet_page {
    left: -4rem;
  }
  footer section {
    margin: 24px auto;
  }
}

@media (min-width: 600px) {
  li.comment li {
    padding: 3rem;
  }
  .media-body {
    clear: none;
    margin: 0 3rem;
  }
  .comment-meta {
    width: 14rem;
  }
  .row {
    margin: 0;
    padding: 4rem 0;
  }
  p,
  .form-group {
    margin: 3rem auto;
  }
  .contact form {
    margin: 3rem 5rem;
  }
}

@media (min-width: 715px) {
  .home .row,
  .search .row,
  .page-template-page-popular-php .row,
  .page-template-archives-php .row,
  .search-results .row {
    flex-direction: row;
  }
  aside.sidebar {
    margin: 0 4rem 2rem 1rem;
    text-align: center;
  }
}

@media (min-width: 1026px) {
  .social,
  .share {
    clear: none;
    display: inline-block;
    float: none;
  }
  .theuglyvolvo_on_facebook {
    max-width: 70%;
  }
  .header-navbar {
    background: #FFFFFF;
    display: -webkit-inline-flex;
    display: inline-flex;
  }
  .header-navbar,
  .banner .search {
    display: block;
    width: auto;
  }
  .navbar-nav {
    margin: 0 1rem;
  }
  .navbar-nav>li {
    display: inline-block;
  }
  .search {
    display: inline-flex;
    margin: auto 0;
  }
}

/* Print */

@media print {}