/*
	Theme Name: HTML5 Blank
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
@font-face{font-family:'Iconochive-Regular';src:url('https://archive.org/includes/fonts/Iconochive-Regular.eot?-ccsheb');src:url('https://archive.org/includes/fonts/Iconochive-Regular.eot?#iefix-ccsheb') format('embedded-opentype'),url('https://archive.org/includes/fonts/Iconochive-Regular.woff?-ccsheb') format('woff'),url('https://archive.org/includes/fonts/Iconochive-Regular.ttf?-ccsheb') format('truetype'),url('https://archive.org/includes/fonts/Iconochive-Regular.svg?-ccsheb#Iconochive-Regular') format('svg');font-weight:normal;font-style:normal}
[class^="iconochive-"],[class*=" iconochive-"]{font-family:'Iconochive-Regular'!important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.iconochive-Uplevel:before{content:"\21b5"}
.iconochive-exit:before{content:"\1f6a3"}
.iconochive-beta:before{content:"\3b2"}
.iconochive-logo:before{content:"\1f3db"}
.iconochive-audio:before{content:"\1f568"}
.iconochive-movies:before{content:"\1f39e"}
.iconochive-software:before{content:"\1f4be"}
.iconochive-texts:before{content:"\1f56e"}
.iconochive-etree:before{content:"\1f3a4"}
.iconochive-image:before{content:"\1f5bc"}
.iconochive-web:before{content:"\1f5d4"}
.iconochive-collection:before{content:"\2211"}
.iconochive-folder:before{content:"\1f4c2"}
.iconochive-data:before{content:"\1f5c3"}
.iconochive-tv:before{content:"\1f4fa"}
.iconochive-article:before{content:"\1f5cf"}
.iconochive-question:before{content:"\2370"}
.iconochive-question-dark:before{content:"\3f"}
.iconochive-info:before{content:"\69"}
.iconochive-info-small:before{content:"\24d8"}
.iconochive-comment:before{content:"\1f5e9"}
.iconochive-comments:before{content:"\1f5ea"}
.iconochive-person:before{content:"\1f464"}
.iconochive-people:before{content:"\1f465"}
.iconochive-eye:before{content:"\1f441"}
.iconochive-rss:before{content:"\221e"}
.iconochive-time:before{content:"\1f551"}
.iconochive-quote:before{content:"\275d"}
.iconochive-disc:before{content:"\1f4bf"}
.iconochive-tv-commercial:before{content:"\1f4b0"}
.iconochive-search:before{content:"\1f50d"}
.iconochive-search-star:before{content:"\273d"}
.iconochive-tiles:before{content:"\229e"}
.iconochive-list:before{content:"\21f6"}
.iconochive-list-bulleted:before{content:"\2317"}
.iconochive-latest:before{content:"\2208"}
.iconochive-left:before{content:"\2c2"}
.iconochive-right:before{content:"\2c3"}
.iconochive-left-solid:before{content:"\25c2"}
.iconochive-right-solid:before{content:"\25b8"}
.iconochive-up-solid:before{content:"\25b4"}
.iconochive-down-solid:before{content:"\25be"}
.iconochive-dot:before{content:"\23e4"}
.iconochive-dots:before{content:"\25a6"}
.iconochive-columns:before{content:"\25af"}
.iconochive-sort:before{content:"\21d5"}
.iconochive-atoz:before{content:"\1f524"}
.iconochive-ztoa:before{content:"\1f525"}
.iconochive-upload:before{content:"\1f4e4"}
.iconochive-download:before{content:"\1f4e5"}
.iconochive-favorite:before{content:"\2605"}
.iconochive-heart:before{content:"\2665"}
.iconochive-play:before{content:"\25b6"}
.iconochive-play-framed:before{content:"\1f3ac"}
.iconochive-fullscreen:before{content:"\26f6"}
.iconochive-mute:before{content:"\1f507"}
.iconochive-unmute:before{content:"\1f50a"}
.iconochive-share:before{content:"\1f381"}
.iconochive-edit:before{content:"\270e"}
.iconochive-reedit:before{content:"\2710"}
.iconochive-gear:before{content:"\2699"}
.iconochive-remove-circle:before{content:"\274e"}
.iconochive-plus-circle:before{content:"\1f5d6"}
.iconochive-minus-circle:before{content:"\1f5d5"}
.iconochive-x:before{content:"\1f5d9"}
.iconochive-fork:before{content:"\22d4"}
.iconochive-trash:before{content:"\1f5d1"}
.iconochive-warning:before{content:"\26a0"}
.iconochive-flash:before{content:"\1f5f2"}
.iconochive-world:before{content:"\1f5fa"}
.iconochive-lock:before{content:"\1f512"}
.iconochive-unlock:before{content:"\1f513"}
.iconochive-twitter:before{content:"\1f426"}
.iconochive-facebook:before{content:"\66"}
.iconochive-googleplus:before{content:"\67"}
.iconochive-reddit:before{content:"\1f47d"}
.iconochive-tumblr:before{content:"\54"}
.iconochive-pinterest:before{content:"\1d4df"}
.iconochive-popcorn:before{content:"\1f4a5"}
.iconochive-email:before{content:"\1f4e7"}
.iconochive-embed:before{content:"\1f517"}
.iconochive-gamepad:before{content:"\1f579"}
.iconochive-Zoom_In:before{content:"\2b"}
.iconochive-Zoom_Out:before{content:"\2d"}
.iconochive-RSS:before{content:"\1f4e8"}
.iconochive-Light_Bulb:before{content:"\1f4a1"}
.iconochive-Add:before{content:"\2295"}
.iconochive-Tab_Activity:before{content:"\2318"}
.iconochive-Forward:before{content:"\23e9"}
.iconochive-Backward:before{content:"\23ea"}
.iconochive-No_Audio:before{content:"\1f508"}
.iconochive-Pause:before{content:"\23f8"}
.iconochive-No_Favorite:before{content:"\2606"}
.iconochive-Unike:before{content:"\2661"}
.iconochive-Song:before{content:"\266b"}
.iconochive-No_Flag:before{content:"\2690"}
.iconochive-Flag:before{content:"\2691"}
.iconochive-Done:before{content:"\2713"}
.iconochive-Check:before{content:"\2714"}
.iconochive-Refresh:before{content:"\27f3"}
.iconochive-Headphones:before{content:"\1f3a7"}
.iconochive-Chart:before{content:"\1f4c8"}
.iconochive-Bookmark:before{content:"\1f4d1"}
.iconochive-Documents:before{content:"\1f4da"}
.iconochive-Newspaper:before{content:"\1f4f0"}
.iconochive-Podcast:before{content:"\1f4f6"}
.iconochive-Radio:before{content:"\1f4fb"}
.iconochive-Cassette:before{content:"\1f4fc"}
.iconochive-Shuffle:before{content:"\1f500"}
.iconochive-Loop:before{content:"\1f501"}
.iconochive-Low_Audio:before{content:"\1f509"}
.iconochive-First:before{content:"\1f396"}
.iconochive-Invisible:before{content:"\1f576"}
.iconochive-Computer:before{content:"\1f5b3"}


@import 'record.css'; /* for SPN1 */

#wm-ipp {
  min-height:65px;
  left:0;
  top:0;
  padding:0;
  margin:0;
  border-radius:0;
  background-color:transparent;
  font-size:11px;
}
#wm-ipp * {
  font-family:Lucida Grande, Helvetica, Arial, sans-serif;
  font-size:12px;
  line-height:1.2;
  letter-spacing: 0;
  width:auto;
  height:auto;
  outline:none;
  float:none;
  text-align:left;
  border:none;
  color: #000;
}
#wm-ipp div {
  display: block;
}
#wm-ipp div, #wm-ipp tr, #wm-ipp td, #wm-ipp a, #wm-ipp form {
  padding:0;
  margin:0;
  border:none;
  border-radius:0;
  background-color:transparent;
  background-image:none;
  z-index:2147483640;
  height:auto;
}
#wm-ipp table {
  border:none;
  border-collapse:collapse;
  margin:0;
  padding:0;
  width:auto;
  font-size:inherit;
}
#wm-ipp form input {
  padding:1px;
  height:auto;
  display:inline;
  margin:0;
  color: #000;
  background: none #fff;
  border: 1px solid #666;
}
#wm-ipp form input[type=submit] {
  padding:0 8px !important;
  margin:1px 0 1px 5px !important;
  width:auto !important;
  border: 1px solid #000 !important;
  background: #fff !important;
  color: #000 !important;
}
#wm-ipp a:hover{
  text-decoration:underline;
}
#wm-ipp a.wm-btn:hover {
  text-decoration:none;
  color:#ff0 !important;
}
#wm-ipp a.wm-btn:hover span {
  color:#ff0 !important;
}
#wm-ipp #wm-ipp-inside {
  margin: 0 6px;
  border:5px solid #000;
  border-top:none;
  background-color:rgba(255,255,255,0.9);
  -moz-box-shadow:1px 1px 4px #333;
  -webkit-box-shadow:1px 1px 4px #333;
  box-shadow:1px 1px 4px #333;
  border-radius:0 0 8px 8px;
}
/* selectors are intentionally verbose to ensure priority */
#wm-ipp #wm-logo {
  padding:0 10px;
  vertical-align:middle;
  min-width:110px;
  width:15%;
}
#wm-ipp table tr::before, #wm-ipp table tr::after {
  margin: 0;
  height: auto;
}
#wm-ipp table.c {
  vertical-align:top;
  margin-left: 4px;
}
#wm-ipp .c td.u {
  padding: 3px 0;
  text-align:center;
}
#wm-ipp .c td.n {
  padding-left:5px;
  vertical-aligh: bottom;
}
#wm-ipp .c td.n a {
  text-decoration:none;
  color:#33f;
  font-weight:bold;
}
#wm-ipp .c td.n td.b {
  padding-right:6px !important;
  text-align:right !important;
  overflow:visible;
  white-space:nowrap;
  color:#99a;
  vertical-align:middle;
}
#wm-ipp .c td.n td.c {
  background:#000;
  color:#ff0;
  font-weight:bold;
  text-align:center;
}
#wm-ipp.hi .c td.n td.c {
  color:#ec008c;
}
#wm-ipp .c td.n td.f {
  padding-left:6px !important;
  text-align:left !important;
  overflow:visible;
  white-space:nowrap;
  color:#99a;
  vertical-align:middle;
}
#wm-ipp .c td.n tr.m td {
  text-transform:uppercase;
  white-space:nowrap;
  padding:2px 0;
}
#wm-ipp .c td.s {
  padding-right:5px;
  text-align:center;
  vertical-align:bottom;
}
#wm-ipp #wm-nav-captures {
  white-space: nowrap;
}
#wm-ipp .c td.s a.t {
  color:#33f;
  font-weight:bold;
  line-height: 1.8;
}
#wm-ipp .c td.s div.r {
  color: #666;
  font-size:9px;
  white-space:nowrap;
}
#wm-ipp .c td.k {
  vertical-align:bottom;
  padding-bottom:2px;
}
#wm-ipp .c td.n tr.y td, #wm-ipp .c td.s {
  padding-bottom:2px;
}

div#wm-ipp-sparkline {
  position:relative;/* for positioning markers */
  white-space:nowrap;
  background-color:#fff;
  cursor:pointer;
  line-height:0.9;
}
#sparklineImgId, #wm-sparkline-canvas {
  position:relative;
  z-index:9012;
  max-width:none;
}
#wm-ipp-sparkline div.yt {
  position:absolute;
  z-index:9010 !important;
  background-color:#ff0 !important;
}
#wm-ipp-sparkline div.mt {
  position:absolute;
  z-index:9013 !important;
  background-color:#ec008c !important;
}  
#wm-ipp .r {
  position:relative;
}
#wm-ipp .r a {
  color:#33f;
  border:none;
  position:relative;
  background-color:transparent;
  background-repeat:no-repeat !important;
  background-position:100% 100% !important;
  text-decoration: none;
}
#wm-ipp #wm-capinfo .c-logo {
  display:block;
  float:left;
  margin-right:3px;
  width:90px;
  min-height:90px;
  max-height: 290px;
  border-radius:45px;
  overflow:hidden;
  background-position:50%;
  background-size:auto 90px;
  box-shadow: 0 0 2px 2px rgba(208,208,208,128) inset;
}
#wm-ipp #wm-capinfo .c-logo span {
  display:inline-block;
}
#wm-ipp #wm-capinfo .c-logo img {
  height:90px;
  position:relative;
  left:-50%;
}
#wm-ipp #wm-capinfo .wm-title {
  font-size:130%;
}
#wm-ipp #wm-capinfo a.wm-selector {
  display:inline-block;
  color: #aaa;
  text-decoration:none !important;
  padding: 2px 8px;
}
#wm-ipp #wm-capinfo a.wm-selector.selected {
  background-color:#666;
}
#wm-ipp #wm-capinfo a.wm-selector:hover {
  color: #fff;
}
#wm-ipp #wm-expand {
  right: 1px;
  bottom: -1px;
  color: #ffffff;
  background-color: #666 !important;
  padding:0 5px 0 3px !important;
  border-radius: 3px 3px 0 0 !important;
}
#wm-ipp #wm-expand span {
  color: #ffffff;
}
#wm-ipp #wm-expand #wm-expand-icon {
  display: inline-block;
  transition: transform 0.5s;
  transform-origin: 50% 45%;
}
#wm-ipp #wm-expand.wm-open #wm-expand-icon {
  transform: rotate(180deg);
}
#wm-ipp #wmtb {
  text-align:right;
}
#wm-ipp #wmtb #wmtbURL {
  width: calc(100% - 45px);
}
#wm-ipp #wm-graph-anchor {
  border-right:1px solid #ccc;
}
/* time coherence */
html.wb-highlight {
  box-shadow: inset 0 0 0 3px #a50e3a !important;
}    
.wb-highlight {
  outline: 3px solid #a50e3a !important;
}

@media (min-width:946px) {
#wm-ipp #wm-graph-anchor {
  display:block !important;
}
}
@media (max-width:945px) {
#wm-ipp #wm-graph-anchor {
  display:none !important;
}
#wm-ipp table.c {
  width: 85%;
  width: calc(100% - 131px);
}
}
@media (max-width:1096px) {
#wm-logo {
  display:none !important;
}
}

#wm-btns>#wm-save-snapshot-open {
  margin-right: 7px;
  top: -6px;
}

#wm-btns>#wm-sign-in {
  box-sizing: content-box;
  display: none;
  margin-right: 7px;
  top: -8px;

  /*
  round border around sign in button
  */
  border: 2px #000 solid;
  border-radius: 14px;
  padding-right: 2px;
  padding-bottom: 2px;
  width: 11px;
  height: 11px;
}

#wm-btns>#wm-sign-in>.iconochive-person {
  font-size: 12.5px;
}

#wm-save-snapshot-open > .iconochive-web {
  color:#000;
  font-size:160%;
}

#wm-btns>#wm-save-snapshot-in-progress {
  display: none;
  font-size:160%;
  opacity: 0.5;
  position: relative;
  margin-right: 7px;
  top: -5px;
}

#wm-btns>#wm-save-snapshot-success {
  display: none;
  color: green;
  position: relative;
  top: -7px;
}

#wm-btns>#wm-save-snapshot-fail {
  display: none;
  color: red;
  position: relative;
  top: -7px;
}

body{
	background: url('https://www.bouzoukitime.com/wp-content/uploads/2018/03/rainbow.jpg');
}

.center{
	display: block!important;
    text-align: -webkit-center!important;
}

div{
	display: block;
	text-align: -webkit-center;
}

.square1{
	border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    -webkit-border-horizontal-spacing: 0px;
    -webkit-border-vertical-spacing: 0px;
    background-color: rgb(0, 0, 255);
}

.square2{
	border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    -webkit-border-horizontal-spacing: 0px;
    -webkit-border-vertical-spacing: 0px;
    background-color: rgb(255, 255, 0);
}

.square3{
	border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    -webkit-border-horizontal-spacing: 0px;
    -webkit-border-vertical-spacing: 0px;
    background-color: rgb(255, 0, 0);
}

.square4{
	border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    -webkit-border-horizontal-spacing: 0px;
    -webkit-border-vertical-spacing: 0px;
    background-color: grey;
}

.square{
	white-space: normal;
    line-height: normal;
    font-weight: normal;
    font-size: medium;
    font-style: normal;
    color: -internal-quirk-inherit;
    text-align: start;
    font-variant: normal;
    display: table;
    border-collapse: separate;
    border-spacing: 3px;
    border-color: grey;
}

.square4 li{
	display: inline-block;
	background: white;
	text-decoration: underline;
	padding: 5px;
}

.square4 li a{
	padding: 10px;
}

.square4 h2{
	padding: 0px;
	margin: 0px;
}

ul, li{
	padding: 0px;
	margin: 0px;
}

.square4 article{
	background: white;
	padding: 20px;
}

.content{
	max-width: 100%;
    width: 55%;
}

.center-block{
	margin-right: auto;
	margin-left: auto;
}

.footer{
	margin-top: 50px;
}

.featured img{
	max-width: 100%;
	width: 40%;
}

@media screen and (max-width: 360px){
	.featured img{
	max-width: 100%;
	width: 100%;
	}

	.content{
	max-width: 100%;
    width: 100%;
}

}

p.blue{
	font-family: 'Times New Roman';
    font-size: x-large;
    color: rgb(0, 0, 255);
}

p.blue1{
	font-family: 'Times New Roman';
    font-size: large;
    color: rgb(0, 0, 255);
}

p{
	font-family: 'Times New Roman';
    font-weight: normal;
}

.featured{
	color: rgb(0, 0, 255);
    font-size: -webkit-xxx-large;
    font-weight: normal;
}

.top-content .square4{
	background-color: white;
	padding: 20px;
}

.top-content{
	margin-bottom: 20px;
}

.first_column{
  border-bottom: 1px solid black;
}


.first_column ul li{
  width: 50%!important;
  text-align: left;
  font-size: small;
  
}

@media screen and (max-width: 360px){
    .first_column ul li{
    width: 100%!important;
    text-align: left;
    font-size: small;
    
  }
}

.first_column ul li label{
  color: black;
  font-size: small!important;

}

.first_column label{
  color: blue;
  font-size: x-large !important;
  width: 100%;
  text-align: center;
}

.first_column .gfield_description{
  font-size: 15px!important;
  border-bottom: 1px solid black;
}

.second_column{
  border-bottom: 1px solid black;
}

.second_column ul li{
  width: 100%;
  text-align: left;
  font-size: small;
}

.second_column label{
  color: blue;
  font-size: x-large !important;
  width: 100%;
  text-align: center;
}

.second_column ul li label{
  color: black;
  font-size: small!important;
}

.second_column .gfield_description{
  font-size: 15px!important;
  border-bottom: 1px solid black;
}

.third_column{
  border-bottom: 1px solid black;
}

.third_column ul li{
  width: 100%;
  text-align: left;
  font-size: small;
}

.third_column label{
  color: blue;
  font-size: x-large !important;
  width: 100%;
  text-align: center;
}

.third_column ul li label{
  color: black;
  font-size: small!important;
}

.third_column .gfield_description{
  font-size: 15px!important;
  border-bottom: 1px solid black;
}

.fourth_column ul li{
  width: 100%;
  text-align: left;
  font-size: small;
}

.fourth_column label{
  color: blue;
  font-size: x-large !important;
  border-bottom: 1px solid black;
  border-width: 100%;
  width: 100%;
  text-align: center;
}

.fourth_column ul li label{
  color: black;
  font-size: small!important;
  border: none;
}

.fourth_column .gfield_description{
  font-size: 15px!important;
}

.fourth_column_content{
  text-align: justify;
  line-height: 2em!important;
}

.gform_wrapper *{
  text-decoration: none!important;
}

.gform_body ul li{
  width: 100%;
  text-align: left;
}

.gform_body ul li div{
  text-align: left;
}

.contact_info{
  width: 50%!important;
}

@media screen and (max-width: 360px){
    .contact_info{
    width: 100%!important;
  }
}

.contact_info div input{
  width: 100%!important;
}

.contact_info_title{
  text-align: center!important;
  color: blue;
  font-size: large!important;
  border-top: 1px solid black;
}

.square4 .active a{
 color: #0000ff!important;
 font-weight: bold;
}

@media only screen and (max-width: 780px) and (min-width:320px){
	
	div#menu ul li{
		display: list-item;
		list-style: none;
		text-align: center;
	}
	
	.content {
    max-width: 100%;
    width: 100%;
	}
	
	div.footer .square{
		width: 100%;
	}
	
}

/* WOOCOMMERCE */

body.page-id-250 main,
body.single.woocommerce main,
body.page-id-251 main,
body.page-id-252 main{
    max-width: 100%;
    width: 55%;
    margin-left: auto;
    margin-right: auto;
    background: white;
    padding: 20px;
    margin-top: 30px;
    margin-bottom: 30px;
    box-shadow: 0 0 0 2px grey,
    			0 0 0 4px rgb(255, 0, 0), 
    			0 0 0 6px rgb(255, 255, 0), 
    			0 0 0 8px rgb(0, 0, 255);
}

body.single.woocommerce .summary p{
	display: initial;
}
body.single.woocommerce .date,
body.single.woocommerce .author,
body.single.woocommerce .posted_in,
body.single.woocommerce .sidebar,
body.page-id-250 .sidebar,
body.page-id-252 .sidebar{
	display: none;
}

body.single.woocommerce .woocommerce-product-gallery.images,
body.single.woocommerce .summary,
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals{
	width: 100% !important;
}
body.single.woocommerce h1 a{
    text-decoration: none !important;
    text-align: center;
    color: #343a40;
    font-style: italic;
    font-weight: bold;
    cursor: default;	
    pointer-events: none;
}
body.single.woocommerce h1{
	text-align: center !important;
}
body.single.woocommerce article p{
	display: none;
}
body.page-id-250 h1{
	font-weight: bold;
    font-style: italic;
    text-align: center;	
}
body.single.woocommerce .summary p.price{
	display: block;
}
body.single.woocommerce form.cart{
	margin-top: 15px;
}
body.single.woocommerce form.cart .quantity,
body.single.woocommerce form.cart button{
	float: none !important;
    display: inline-block;
    vertical-align: middle;
}
.price .amount{
	color: #343a40;
	font-weight: bold;
}

body.page-id-252.woocommerce .col2-set .col-1, 
body.page-id-252.woocommerce-page .col2-set .col-1,
body.page-id-252.woocommerce .col2-set .col-2, 
body.page-id-252.woocommerce-page .col2-set .col-2{
	width: 100%;
    float: none;
    display: block;
    max-width: 100%;
}

body.page-id-252 .woocommerce-billing-fields h3{
	font-size: 18px;
    text-align: left;
}
body.page-id-252 .woocommerce-input-wrapper {
	width: 100%;
}
#ship-to-different-address{
	font-size: 18px;
    margin-top: 20px;
}
#order_review_heading{
	font-size: 18px;
    text-align: left;
    margin-top: 30px;
}

body.single.woocommerce #content div.product div.summary, 
body.single.woocommerce div.product div.summary,
body.single.woocommerce-page #content div.product div.summary,
body.single.woocommerce-page div.product div.summary{
	float: none;
}