/*
 Theme Name:   Salamander
 Theme URI:    https://www.salamanderdesigns.com/blog/
 Description:  Theme for Salamander Designs blog. Child theme based on Twenty Fourteen
 Author:       The Scylla Group, Inc.
 Author URI:   http://www.scyllagroup.com
 Template:     twentyfourteen
 Version:      0.0.1
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-fourteen
*/


/* =Theme customization starts here
-------------------------------------------------------------- */

body {
  background-color: #221e1b; 
}

.masthead-fixed .site-main {
  margin-top: 0;
  background-color: #fff;
}


/**
 * Text Selection
 */

::selection {
  background: #e35222;
  color: #fff;
  text-shadow: none;
}

::-moz-selection {
  background: #e35222;
  color: #fff;
  text-shadow: none;
}

/**
 * Site Container
 */

.site {
  max-width: 1263px;
  margin: 0 auto;
  background-color: inherit;
}

.site:before {
  background: #eeece7 url(images/bottom_right_bg.jpg) repeat-y right 0;
  width: 372px;
}

.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
  margin: 0 auto;
  max-width: 794px;
}

.site-content .entry-content ul li,
.site-content .entry-content ol li {
  padding-bottom: 1em;
}

/**
 * Content Container
 */

@media screen and (min-width: 1008px) {
  .archive-header,
  .comments-area,
  .image-navigation,
  .page-header,
  .page-content,
  .post-navigation,
  .site-content .entry-header,
  .site-content .entry-content,
  .site-content .entry-summary,
  .site-content .entry-meta,
  .page-content {
    margin-left: 20px;
  }
}

/**
 * Links
 */

a,
.site-navigation .current_page_item > a,
.site-navigation .current_page_ancestor > a,
.site-navigation .current-menu-item > a,
.site-navigation .current-menu-ancestor > a {
  color: #e35222;
  text-decoration: none;
}

a:active,
a:hover,
.entry-title a:active,
.entry-title a:hover,
.entry-meta a:active,
.entry-meta a:hover,
.comment-author a:active,
.comment-author a:hover,
.comment-author a:hover, 
.comment-list .pingback a:hover, 
.comment-list .trackback a:hover, 
.comment-metadata a:hover,
.post-navigation a:hover,
.image-navigation a:hover,
.site-navigation a:hover {
  color: #e39d01;
}

.site-navigation li,
.primary-navigation .nav-menu,
.secondary-navigation {
  border: none;
}

/**
 * Buttons
 */

button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  background-color: #E35222;
}

button:hover, button:focus, 
.button:hover, 
.button:focus, 
input[type="button"]:hover, 
input[type="button"]:focus, 
input[type="reset"]:hover, 
input[type="reset"]:focus, 
input[type="submit"]:hover, 
input[type="submit"]:focus {
  background-color: #E39D01;
  color: #fff;
}

.entry-meta .tag-links a:hover {
  background-color: #e35222;
}

.entry-meta .tag-links a:hover:before {
  border-right-color: #e35222;
}


/**
 * Header
 */

.header {
  position: relative;
  padding: 3em 0 0;
  margin: 0 auto;
  background-color:#221e1b;
  z-index: 3;
}

.logo {
  display: block;
  background:url(images/logo.jpg) 0px -5px no-repeat;
  width:295px;
  height:90px;
  margin: 0 auto;
  text-indent: -999em; 
}

.menu-toggle {
  background-color: #221e1b;
}

.menu-toggle:active,
.menu-toggle:focus,
.menu-toggle:hover {
  background-color: #35302b;
}

.primary-navigation {
  float: none;
  margin: 0;
  background-color: #35302b;
}

.primary-navigation.toggled-on {
  padding: 36px 0;
}

.primary-navigation li {
  height: auto;
  line-height: normal;
}

.primary-navigation a {
  font-size: 14px;
  padding: 13px;
  text-transform: uppercase;
  /*font-family: 'Novecentowide-Normal';*/
}

.primary-navigation a,
.site-navigation .current-menu-item > a {
  font-weight: 100;
}

.site-navigation a {
  color: #b0a799;
}

@media screen and (min-width: 1008px) {
  .logo {
    margin: 0;
    margin-left: 152px;
  }

  #menu-primary-navigation {
    width: 958px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 783px) {
  .primary-navigation li:hover > a,
  .primary-navigation li.focus > a,
  .secondary-navigation li:hover > a,
  .secondary-navigation li.focus > a {
    background-color: #F16021;
  }
}

/**
 * Footer
 */
.footer-container {
  position: relative;
  background-color: #221e1b;
  z-index: 3;
}
.footer {
  height: 40px;
  background-color:#30302d;
  border-top: 4px solid #E35222;
}

.footer-errata {
  width: 100%;
  padding: 1em 0;
}
.footer-nav {
  margin: 0 auto;
  text-align: center;
  font-size: 11px;
  color: #9b9b9b;
}

.footer-nav a,
.secondary-navigation a {
  color: #9b9b9b;
}

.footer-icon {
  float: right;
    width: 400px;
  padding-right:10px; 
}
.footer-icon2 {
  float: left;  
  padding-left:10px;    
}

.copyright {
  position: relative;
  width: 100%;
  color:#9b9b9b;
  font-size:11px;
  text-align: center;
}
.copyright a {
  color:#9b9b9b;
  text-decoration:none;
}

/**
 * Social Media Icons
 */

.social-icon-top {
  float: right;
  padding-top:20px;
  padding-right:10px; 
}
.social-icon2 ul {
  list-style-type:none;
}
.social-icon2 ul li {
  float:left;
  width:32px;
  height:33px;
  padding:0;
  margin:0 7px;   
}
.social-icon {
  /*float: right;*/
  width: 100%;
  /*padding-right:250px;*/
}
.social-icon ul {
  list-style-type:none;
  text-align: center;
  margin: 1em 0;
}
.social-icon ul li {
  display: inline-block;
  width:32px;
  height:33px;
  padding:0;
  margin:0 7px;
}
.sal_youtube {
  background:url(images/social-icon.png) 0 0;
}
.sal_youtube:hover {
  background:url(images/social-icon.png) 0 -33px;
  cursor:pointer;
}
.sal_linkedIn {
  background:url(images/social-icon.png) -50px 0px;
}
.sal_linkedIn:hover {
  background:url(images/social-icon.png) -50px -33px;
  cursor:pointer;
}
.sal_google {
  background:url(images/social-icon.png) -99px -1px;
}
.sal_google:hover {
  cursor:pointer;
  background:url(images/social-icon.png) -99px -34px;
}
.sal_twitter {
  background:url(images/social-icon.png) -149px -1px;
}
.sal_twitter:hover {
  cursor:pointer;
  background:url(images/social-icon.png) -149px -34px;
}
.sal_facebook {
  background:url(images/social-icon.png) -199px -1px;
}
.sal_facebook:hover {
  cursor:pointer;
  background:url(images/social-icon.png) -199px -34px;
}
.sal_pinterest {
  background:url(images/social-icon.png) -249px -1px;
}
.sal_pinterest:hover {
  cursor:pointer;
  background:url(images/social-icon.png) -249px -34px;
}

/**
 * Sidebar
 */

#secondary {
  padding-top: 48px;
  background-color: #eeece7;
}

.primary-sidebar {
  padding-top: 0;
}

.primary-sidebar,
.primary-sidebar a {
  color: #818181;
  font-size: 12px;
}

.primary-sidebar a:hover {
  color: #818181;
  background-color: #fff;
}

.primary-sidebar .widget .widget-title {
  color: #E39D01;
  font-size: 16px;
  font-weight: bold;
}

.footer-sidebar .widget .widget-title,
.primary-sidebar .widget .widget-title {
  line-height: 1.6;
  margin-bottom: 0;
}

.site-description {
  color: #818181;
}

.widget-area .widget input {
  background-color: #fff;
  border: 1px solid #e39d01 ;
}

.widget-area .widget input, .widget-area .widget textarea {
  color: #2b2b2b;
}

.entry-title {
  text-transform: none;
  font-size: 28px;
  font-weight: 900;
}

/* List Style Widgets*/

.widget_archive li,
.widget_categories li,
.widget_links li,
.widget_meta li,
.widget_nav_menu li,
.widget_pages li,
.widget_recent_comments li,
.widget_recent_entries li {
  padding: 0;
}

/**
 *  Turn off auto-hyphen in content
 */

.entry-content,
.entry-summary,
.page-content,
.nav-links,
.comment-content,
.widget
 {
   -webkit-hyphens: none;
   -moz-hyphens:    none;
   -ms-hyphens:     none;
   hyphens:         none;
}

/**
 * Media Queries
 */

@media screen and (min-width: 1008px) {
  
  .site-content, .site-main .widecolumn {
    margin-left: 372px;
  }

  #secondary {
    width: 142px;
    padding: 48px 30px 0 200px;
    background: #eeece7 url(images/bottom_right_bg.jpg) repeat-y right 0;
  }

  .secondary-navigation, .secondary-navigation ul ul {
    width: auto;
  }

  .footer-sidebar .widget .widget-title,
  .primary-sidebar .widget .widget-title {
    line-height: 1.6;
    margin-bottom: 0;
  }

}

/**
 * Clear
 *
 * Helper class used to clear floats within containers.
 */

.clear:before,
.clear:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clear:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clear {
    *zoom: 1;
}