/*
Theme Name: PupStyle
Theme URI: http://pupstyle.dev.cc
Author: Nadine Gilden
Author URI: http://www.curiouslight.com
Template: quark
Description: PupStyle
Version: 1.0

*/

/* =Import Styles

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

@import url("../quark/style.css");
@import url('https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,600,700');

/* =Start From Here

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

body {
	font-family: 'Work Sans', sans-serif;
		word-wrap: normal !important;
	-webkit-hyphens: none !important;
		-moz-hyphens: none !important;
	hyphens: none !important;
	   word-break: normal;
}

ul.ui-tabs-nav {
	display: block !important;
}

ul.ui-tabs-nav {
	display: block !important;
}

a {
	color:  #8C205B;
	text-decoration: none;
}

a:active {
	color:  #8C205B;
	text-decoration: none;
}


a:visited {
	color: #8C205B;
	text-decoration: none;
}

a:hover {
	color: #8C205B;
	text-decoration: none;
}

.site-title img {
width: 55%;
}

.nav-menu {
	text-transform: uppercase;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	margin: 0;
	padding: 0;
}

.main-navigation li + li a:before {
    content: " ";
    margin-right: 7px;
}

.main-navigation {
	float: right !important;
	clear: left !important;
	margin: 10px 0 0 0;
}

.main-navigation a {
	font-family: 'Work Sans', sans-serif;
	color:  #000000;
	display:inline-block;
}

.main-navigation li {
	float: left;
	position: relative;
display:inline;
	margin: 0 10px 10px 0; /* Margin on the right side of each top level menu item (since it's floated right) */
}

.main-navigation .current_page_parent > a {
color: #000000;
}

.main-navigation .current-menu-item > a {
color: #000000;
}


#bannercontainer {
    background: none;
}

.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a, .main-navigation .current_page_parent > a {
color: #000000;
}

/* =Sub Menu

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

.main-navigation ul ul {
	left: auto !important; 
	right: 0px !important;
		font-size: 14px !important;
}

.main-navigation ul ul a {
	color: #fff; /* Nav bar dropdown link color */
	width: 12.5em; /* Nav bar dropdown width */
}

.sub-menu {
	width: 400px;
}

.sub-menu-columns ul.sub-menu li {
display: inline-block;
float: left;
width: 190px;
}
.sub-menu-columns ul.sub-menu li:nth-child(odd) {
float: left;
margin-right: 10px;
}
.sub-menu-columns ul.sub-menu li:nth-child(even) {
float: right;
}

#menu-item-6753 .sub-menu {
	width: 200px;
}

#menu-item-6794 .sub-menu {
    width: 200px;
}


/* =General

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


h1 {
	font-family: 'Work Sans', sans-serif;
	font-size: 1.5rem !important;
	line-height: 1.25;
	color: #000000;
}


h2 {
	font-family: 'Work Sans', sans-serif;
	font-size: 1.875em;
	font-weight: 400;
	color: #000000;
}


h3 {
	font-family: 'Work Sans', sans-serif;
	font-size: 1.03em;
	font-weight: 500;
	color: #000000;
}

h4 {
	font-family: 'Work Sans', sans-serif;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 1.25;
}


strong {
	font-family: 'Work Sans', sans-serif;
  font-style: normal;
  font-weight: 700;
}

ol {
	list-style: decimal;
}

ol li{
display: list-item !important;
}

p {
	word-wrap: normal !important;
	-webkit-hyphens: none !important;
	-moz-hyphens: none !important;
	hyphens: none !important;
	word-break: normal;
}

.post-edit-link {
	display: none;
}

input[type="submit"] {
display: inline-block;
padding: 8px 14px;
padding: 0.5rem 0.875rem;
margin-bottom: 0;
font-size: 16px;
font-size: 1rem;
line-height: 1.25;
color: #ffffff;
text-align: center;
text-shadow: 0;
vertical-align: middle;
cursor: pointer;
background-color: #000000;
border: 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}

.page-title {
	font-family: 'Work Sans', sans-serif !important;	
}

.archive-title {
	font-family: 'Work Sans', sans-serif;
	font-size: 1.5rem !important;
	line-height: 1.25;
	color: #000000;
	font-weight: 500;
}

/* = Top Sidebar

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

.topsidebar {
	float: right;
	padding: 40px 0 0 0;
}

.simple-social-icons {
	padding: 0 0 10px 0;
}

[type="search"] {
	padding: 5px 20px ;
}

#simple-social-icons-2 {
	float: left;
}

#search-3 {
	float: left;
	padding: 8px 40px 0 0;
}


/* =Page Banner
-------------------------------------------------------------- */
#text-2 {
	background: #ffffff;
	background-position:center center;
	width: 100%;
    overflow: hidden; 
}


/* =Popular Posts

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

.popularposts  {

    border-bottom: 1px dotted #8C205B;
    padding: 3px 0 3px 0;
    margin: 0 0 5px 0;
 	font-size:  14px !important;
}


.popularposts .pt-cv-view h4.pt-cv-title  {
	margin-bottom: 5px !important;
	font-size:  14px !important;
	line-height: 1.25 !important;
}

h4.pt-cv-title a {
	margin-bottom: 5px !important;
	font-size:  14px !important;
	line-height: 1.25 !important;
}


.popularposts .pt-cv-view .pt-cv-title {
	margin-bottom: 5px;
	font-size:  14px;
	line-height: 1.25;
}

.popularposts  .pt-cv-thumbnail {
	width: 180px;
	height: 140px;
    object-fit: cover;  
	object-position: 50% 5%; /* default value: image is centered*/
	padding-top: 12px;
}

.popularposts .pt-cv-wrapper {
	font-size:  14px !important;
	line-height: 1.25 !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
}

.pt-cv-wrapper .col-sm-4 {
	padding-left: 5px !important;
	padding-right: 5px !important;
}



/* =Posts

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

.entry-title {
	padding: 30px 0 0 0;
}

.header-meta {
	display: none;	
}

.fa-calendar {
	display: none;
}

.post-categories {
	display: none;
}

.blog-main img.wp-post-image {
	display: none !important;
}

img.wp-post-image {
	display: none;
}

/* =Sidebar

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

#secondary {
	padding-left: 20px;
}

.widget-title {
    border-top: 1px dotted #8C205B;
    border-bottom: 1px dotted #8C205B;
    padding: 3px 0 3px 0;
    margin: 0 0 5px 0;
    text-transform: uppercase;
}

.widget-area .widget {
margin-bottom: 24px;
margin-bottom: 1.5rem;
}

.widget-area ul  {
	margin: 0 0 24px 0;
    margin: 0 0 1.5rem 0;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.35;
}

.mc4wp-form-fields p {
	padding-bottom: 0;
	margin-bottom: 0;
}


/* =Footer

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

.smallprint {
	padding: 20px 0 40px 0;
}


.smallprint a {
    color: #8C205B;
}

.smallprint a:visited {
    color: #8C205B;
}

/* =Responsive 

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

	@media only screen and (max-width: 840px) {
		
	.site-title img {
		width: 100%;
		text-align: center;
		}
	
	.topsidebar {
		float: none;
		padding: 1% 0 0 20%;
		}	

}