/*
Theme Name: Tarasco Bar Custom Theme
Theme URI: https://tarascobar.pl/
Description: Custom theme based on Codium
Version: 1.0
Author: Archie
Author URI: https://tarascobar.pl/
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: codium-extend
*/

@import url("../codium-extend/style.css");

body {
  background-color: #000;
  padding-bottom: 20px;
}

.entry-content p { margin: 0 0 1em 0; }

.entry-content {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 130%
}

#content img, 
img.alignleft, 
#content img.alignright, 
#content img.aligncenter {
margin-bottom: 10px;
}

.comment-body img,
.comment-meta img,
.comment-author img,
#comments img { 
  margin-bottom: 0px;
}

#content h1, h1 {
  margin-left: 20px;
  font-size: 16px;
  font-weight: bold;
}

.post {
  padding: 10px;
  margin: 10px;
  background: #F9F8F4;
  border: solid 1px #EFEDDE;
}

.linebreak {
  padding: 0px;
  border-top: 2px dotted #F1F2F4;
}


#searchsubmit, #s {
  margin-top: 2px;
  margin-bottom: 2px;
}

#wrapper button, #wrapper input[type="submit"] {
  margin-left: 0px;
}

.sidebar { 
  font-family: Tahoma, sans-serif;
  font-size: 1em; 
  line-height: 110%; 
}

.sidebar h1, 
.sidebar h2, 
.sidebar h3, 
.sidebar h4 {
  font-family: Tahoma, sans-serif;
  font-weight: 100;
  font-size: 11px;
}

.sidebar a { color: #600; background: transparent; text-decoration: none }
.sidebar a:hover { text-decoration: none; }
.sidebar a:link, .sidebar a:visited { color: #800; }

.tagcloud {
  line-height: 140%;
}

.entry-meta, .entry-date {
  margin-top: 8px;
  margin-bottom: 8px;
  color: #bbb;
}

.entry-meta a, .entry-date a {
  color: #999;
}

.addthis_toolbox {
  margin-top: 20px;
  padding-top: 8px;
  border-top: dotted 1px #bbb;
}

.entry-content a { font-size: 12px; background: transparent; color: #600; text-decoration: none}
.entry-content a:hover {text-decoration: none}
.entry-content a:link, .entry-content a:visited {font-size: 12px; color: #800}

/* Width-dependent parts */
/* Basic layout for 960 px */

div#header {
  background: #000 url(https://tarascobar.pl/wp-content/themes/tarascobar/images/header960.jpg) no-repeat top left;
  height: 250px;
  margin: 0px;
  padding: 0px;
}

.menu-header {
  position: relative;
  top: 40px;
}

div#access {
  background: #fff
    url(https://tarascobar.pl/wp-content/themes/tarascobar/images/shadow960.jpg)
    no-repeat top left;
  height: 80px;
  padding: 0px;
}

#access, #accessmobile { 
  text-transform: none; 
  background: #fff; 
  font-weight: bold;
}

#access a, #accesmobile a { color:#800; }

#access ul ul, #accessmobile ul ul {
  box-shadow:0 3px 3px rgba(128,0,0,0.2);
  -moz-box-shadow:0 3px 3px rgba(128,0,0,0.2);
  -webkit-box-shadow:0 3px 3px rgba(128,0,0,0.2);
}

#access ul ul a,
#access ul ul a { 
  background:#fff; 
}

#access li:hover > a,
#access ul ul :hover > a,
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a,
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover,
#accesmobile li:hover > a,
#accesmobile ul ul :hover > a,
#accesmobile ul li.current_page_item > a,
#accesmobile ul li.current-menu-ancestor > a,
#accesmobile ul li.current-menu-item > a,
#accesmobile ul li.current-menu-parent > a,
* html #accesmobile ul li.current_page_item a,
* html #accesmobile ul li.current-menu-ancestor a,
* html #accesmobile ul li.current-menu-item a,
* html #accesmobile ul li.current-menu-parent a,
* html #accesmobile ul li a:hover {
  background:#800;
  background:rgba(128,0,0,0.7);
  color:#fff;
}

.entry-title, .single-entry-title {
  margin: 0px;
  border-bottom: solid 1px #DFCE74;
  background:
    url(https://tarascobar.pl/wp-content/themes/tarascobar/images/title.jpg)
      no-repeat right bottom;
}

.entry-title a, .single-entry-title, #content h2 {
  font-size: 18px;
  font-family: "Franklin Gothic Medium", "Trebuchet MS", Verdana, sans-serif;
  font-weight: 100;
  color: #BAAD2A;
}

/* Width 768-960 */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  div#header {
    background: #000 url(https://tarascobar.pl/wp-content/themes/tarascobar/images/header768.jpg) no-repeat top left;
    height: 250px;
  }

  div#access {
    background: #fff
      url(https://tarascobar.pl/wp-content/themes/tarascobar/images/shadow768.jpg)
      no-repeat top left;
  }

  #access, #accessmobile { 
    text-transform: none; 
    background: #fff; 
    font-weight: bold;
  }
  
  #access a, #accesmobile a { color:#800; }
  
  #access ul ul, #accessmobile ul ul {
    box-shadow:0 3px 3px rgba(128,0,0,0.2);
    -moz-box-shadow:0 3px 3px rgba(128,0,0,0.2);
    -webkit-box-shadow:0 3px 3px rgba(128,0,0,0.2);
  }
  
  #access ul ul a,
  #access ul ul a { 
    background:#fff; 
  }
  
  #access li:hover > a,
  #access ul ul :hover > a,
  #access ul li.current_page_item > a,
  #access ul li.current-menu-ancestor > a,
  #access ul li.current-menu-item > a,
  #access ul li.current-menu-parent > a,
  * html #access ul li.current_page_item a,
  * html #access ul li.current-menu-ancestor a,
  * html #access ul li.current-menu-item a,
  * html #access ul li.current-menu-parent a,
  * html #access ul li a:hover,
  #accesmobile li:hover > a,
  #accesmobile ul ul :hover > a,
  #accesmobile ul li.current_page_item > a,
  #accesmobile ul li.current-menu-ancestor > a,
  #accesmobile ul li.current-menu-item > a,
  #accesmobile ul li.current-menu-parent > a,
  * html #accesmobile ul li.current_page_item a,
  * html #accesmobile ul li.current-menu-ancestor a,
  * html #accesmobile ul li.current-menu-item a,
  * html #accesmobile ul li.current-menu-parent a,
  * html #accesmobile ul li a:hover {
    background:#800;
    background:rgba(128,0,0,0.7);
    color:#fff;
  }
}

/* Mobile width 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  div#header {
    background: #000 url(https://tarascobar.pl/wp-content/themes/tarascobar/images/header480.jpg) no-repeat top left;
    height: 240px;
  }

  .menu-header {
    position: relative;
    top: 0px;
  }
  
  .entry-title, .single-entry-title {
    background-image: none;
  }
  
  
  #access, #accessmobile { 
    text-transform: none; 
    background: #fff; 
    font-weight: bold;
  }
  
  #access a, #accesmobile a { color:#800; }
  
  #access ul ul, #accessmobile ul ul {
    box-shadow:0 3px 3px rgba(128,0,0,0.2);
    -moz-box-shadow:0 3px 3px rgba(128,0,0,0.2);
    -webkit-box-shadow:0 3px 3px rgba(128,0,0,0.2);
  }
  
  #access ul ul a,
  #access ul ul a { 
    background:#fff; 
  }
  
  #access li:hover > a,
  #access ul ul :hover > a,
  #access ul li.current_page_item > a,
  #access ul li.current-menu-ancestor > a,
  #access ul li.current-menu-item > a,
  #access ul li.current-menu-parent > a,
  * html #access ul li.current_page_item a,
  * html #access ul li.current-menu-ancestor a,
  * html #access ul li.current-menu-item a,
  * html #access ul li.current-menu-parent a,
  * html #access ul li a:hover,
  #accesmobile li:hover > a,
  #accesmobile ul ul :hover > a,
  #accesmobile ul li.current_page_item > a,
  #accesmobile ul li.current-menu-ancestor > a,
  #accesmobile ul li.current-menu-item > a,
  #accesmobile ul li.current-menu-parent > a,
  * html #accesmobile ul li.current_page_item a,
  * html #accesmobile ul li.current-menu-ancestor a,
  * html #accesmobile ul li.current-menu-item a,
  * html #accesmobile ul li.current-menu-parent a,
  * html #accesmobile ul li a:hover {
    background:#800;
    background:rgba(128,0,0,0.7);
    color:#fff;
  }
}

/* Mobile width 320px */
@media only screen and (max-width: 479px) {
  div#header {
    background: #000 url(https://tarascobar.pl/wp-content/themes/tarascobar/images/header320.jpg) no-repeat top left;
    height: 160px;
  }

  .menu-header {
    position: relative;
    top: 0px;
  }

  .entry-title, .single-entry-title {
    background-image: none;
  }
  
  
  #access, #accessmobile { 
    text-transform: none; 
    background: #fff; 
    font-weight: bold;
  }
  
  #access a, #accesmobile a { color:#800; }
  
  #access ul ul, #accessmobile ul ul {
    box-shadow:0 3px 3px rgba(128,0,0,0.2);
    -moz-box-shadow:0 3px 3px rgba(128,0,0,0.2);
    -webkit-box-shadow:0 3px 3px rgba(128,0,0,0.2);
  }
  
  #access ul ul a,
  #access ul ul a { 
    background:#fff; 
  }
  
  #access li:hover > a,
  #access ul ul :hover > a,
  #access ul li.current_page_item > a,
  #access ul li.current-menu-ancestor > a,
  #access ul li.current-menu-item > a,
  #access ul li.current-menu-parent > a,
  * html #access ul li.current_page_item a,
  * html #access ul li.current-menu-ancestor a,
  * html #access ul li.current-menu-item a,
  * html #access ul li.current-menu-parent a,
  * html #access ul li a:hover,
  #accesmobile li:hover > a,
  #accesmobile ul ul :hover > a,
  #accesmobile ul li.current_page_item > a,
  #accesmobile ul li.current-menu-ancestor > a,
  #accesmobile ul li.current-menu-item > a,
  #accesmobile ul li.current-menu-parent > a,
  * html #accesmobile ul li.current_page_item a,
  * html #accesmobile ul li.current-menu-ancestor a,
  * html #accesmobile ul li.current-menu-item a,
  * html #accesmobile ul li.current-menu-parent a,
  * html #accesmobile ul li a:hover {
    background:#800;
    background:rgba(128,0,0,0.7);
    color:#fff;
  }
}