/*
Theme Name:     Betsy's Hallmark Stores Three
Theme URI:      http://barefootbusinessman.net/wordpress-themes
Description:    Child theme for the Twenty Seventeen theme 
Author:         Gary Allman - Davis-Allman Business Development
Author URI:     http://barefootbusinessman.net/wordpress-themes
Template:       twentyseventeen
Version:        0.1.0
*/

/*********************************
 *     1. NOTES
 *

   CONTENTS
   
   1.  NOTES
   2.  SETUP
   3.  IMAGES
   4.  RESPONSIVE DESIGN FOR DESKTOPS & LARGER VIEWPORTS
   5.  FOOTER
   6.  DAVIS-ALLMAN SHORTCODE & PLUGINS STYLE SETTINGS

  Colors:

/* Heading purple      color: #613594; /* Hallmark Purple */
/* Heading Gold        color: #c1ab3b; /* Hallmark Gold */
/* Links               color: #9e7a4c; /* TBA */
/* Light background    color: #fff;    /* Light background */

/*********************************
 *     2. SETUP
 */

@import url( "../twentyseventeen/style.css");
@import url('https://fonts.googleapis.com/css?family=Arimo|Source+Serif+Pro');

/* font-family: 'Source Serif Pro', serif; /* Heading Text */
/* font-family: 'Arimo', sans-serif;   /* Body text */

body, .site-content-contain, .single-featured-image-header {
	background: #fff; /* Light background */
	color: black;
    font-family: 'Arimo', sans-serif;  /* Body text */
}

.site-branding .wrap { /*   Center the Site Title */
	text-align: center;
}

.site-branding .site-title {
    font-family: times, serif;
	text-shadow: 2px 2px 4px black;
}

.site-branding .site-description {
	text-shadow: 1px 1px 3px black;
}

.navigation-top a {
	font-weight: 300;
}

address {
  font-style: normal;
  margin-left: 2em;
}

.entry-content a, .entry-summary a, .widget a, .site-footer .widget-area a, .posts-navigation a, .widget_authors a strong{
  border-bottom: 1px solid #613594; /* Hallmark Purple */
  box-shadow: none;
  color: #613594; /* Hallmark Purple */
}

.entry-content a:hover, .entry-summary a:hover, .widget a:hover, .site-footer .widget-area a:hover, .posts-navigation a:hover, .widget_authors a strong  {
  border-bottom: 2px solid #8f211e; /* Burnt Red */
  box-shadow: none;
  color: #613594; /* Hallmark Purple */
}


.page .panel-content .entry-title, .page-title, h2, h3,  body.page:not(.twentyseventeen-front-page) .entry-title {
    color: #613594; /* Hallmark Purple */
    font-family: 'Source Serif Pro', serif; /* Heading Text */
}

.page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title, h1.entry-title {
  color: #613594; /* Hallmark Purple */
  font-family: 'Source Serif Pro', serif; /* Heading Text */
  font-size: 32px;
  font-size: 2rem;
  font-weight: 400;
  letter-spacing: -.01em;
  line-height: 1em;
  text-transform: none;
}

.single-post .entry-title, .page .entry-title {
    font-size: 48px;
    font-size: 3rem;
    line-height: 1em;
}

h2, .home.blog .entry-title {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1em;
}

h3 {
  font-size: 29px;
  font-size: 1.8rem;
  margin-bottom: .5em;
  margin-top: .5em;
  padding: 0;
}  

/*********************************
 *     3. IMAGES
 */

.slideshow-window {
  background-color: #ffffff!important;
  border: 0!important; 
}

.slideshow-slide img {
  border-radius: 10px;
}

.wp-caption .wp-caption-text, .gallery-caption, .entry-caption, .da-caption {
  background: none;
  width: 100%;
  max-width:2000px;
  font-weight: 100;
  padding: 0.1em 0;
  font-size: .8em;
  font-style: italic;
  text-align: center;
}

img.alignleft, .alignleft img, img.aligncenter, .aligncenter img, img.alignright, .alignright img {
  padding: 0; 
  border: none;
  border-radius: 5px;
  width: auto;
  max-height: 1100px;
}

.wp-caption-text {
font-family: 'open sans', sans-serif;
 font-style: normal;
}

/* Make Arrow more obvious */

@media screen and (min-width: 768px) {
    .site-header .menu-scroll-down {
        background: #613594; /* Hallmark Purple */
        box-shadow: 0 2px 2px #111;
        border-radius: 5px;
        color: #c1ab3b!important; /* Hallmark Gold */
        display: inline-block;
        padding: 10px 0;
        text-align: center;
        top: 20px;
        width: 200px;
    }

    .site-header .menu-scroll-down .icon {
        color: #c1ab3b; /* Hallmark Gold */
        height: 25px;
        width: 25px;
    }
}

.site-header .menu-scroll-down:before {
  	     content: "There's more ... ";
	}


/*********************************
 *     4. RESPONSIVE DESIGN FOR DESKTOPS & LARGER VIEWPORTS
 */

@media screen and (min-width: 768px) {
	.site-header .menu-scroll-down {
		top: 22px;
	}
}

@media screen and (min-width: 48em) {
   .site-title {
		font-size: 56px;
		font-size: 3.5rem;
	}
	.navigation-top {
		font-size: 19px;
		font-size: 1.2rem;
	}
	.site-header .navigation-top .menu-scroll-down {
    top: 0.9em;
	}
}


@media screen and (min-width: 30em) {

  .page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title {
    font-size: 48px;
    font-size: 3rem; 
  }

  .single-post .entry-title, .page .entry-title {
    font-size: 48px;
    font-size: 3rem;
    line-height: 1em;
  }

  h2, .home.blog .entry-title {
    font-size: 35px;
    font-size: 2rem;
    line-height: 1em;
  }

 h3 {
    font-size: 35px;
    font-size: 2rem;
    line-height: 1em;
  }

  /*    RESET HOME PAGE WIDTH FOR DESKTOPS*/
  .page-one-column .panel-content .wrap {
    max-width: 900px;
 }
}

/* RESET POST WIDTH FOR DESKTOPS */
.single-post:not(.has-sidebar) #primary, .page.page-one-column:not(.twentyseventeen-front-page) #primary, .archive.page-one-column:not(.has-sidebar) .page-header, .archive.page-one-column:not(.has-sidebar) #primary {
    margin-left: auto;
    margin-right: auto;
    max-width: 900px;
}

@media screen and (min-width: 48em) {
.page.page-one-column .entry-header, .twentyseventeen-front-page.page-one-column .entry-header, .archive.page-one-column:not(.has-sidebar) .page-header {
    margin-bottom: 0;
}
}


/*********************************
 *     5. FOOTER
 */

.site-footer {
  margin-top: 2px;
}
.site-info {display: none;}


/*********************************
 *     6. DAVIS-ALLMAN SHORTCODE & PLUGINS STYLE SETTINGS
 */

/*
 *    DAWRAPPER & DACOLUMN SHORTCODE 
 */
 
.dawrapper-full {
	clear:both;
	width:100%;
	margin:0;
	padding:0;
}

.dawrapper-front-page {
	clear:both;
	width:80%;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	margin-top: 0;
	margin-bottom:0;
}

.dawrapper-full br, .dawrapper-front-page br {display: none;} /* Hack to get around WordPress inserting <br /> in subcodes */
.dawrapper-full br.visible, .dawrapper-front-page br.visible  {display: block;} /* And another hack for where we need to use <br /> */

.dahalf {
	width:48%;
	float:left;
	margin-right:4%;
	margin-bottom:1em;
}

.dathird {
	width:30%;
	float:left;
	margin-right:4.5%;
	margin-bottom:1em;
}

.dafourth {
	width:23%;
	float:left;
	margin-right:2%;
	margin-bottom:1em;
}

.dalast {
	margin-right:0px;
}

@media screen and (max-width:700px) { /*    RESPONSIVE LAYOUT CHANGES  */
	.dawrapper-full .dahalf,.dawrapper-full .dathird,.dawrapper-full .dafourth,.dawrapper-front-page,.dawrapper-front-page .dathird {
		width:100%;
		float:none;
		margin-left:0;
		margin-right:0;
	}
}