/*
Theme Name: Customizr_child
Version: 1.0
Description: A child theme of Customizr
Template: customizr
*/

@import url("../customizr/style.css");

/**************************************************/
/* Definiera om teckensnitt för brödtext etc i    */
/* artiklar och andra sidor.                      */
/**************************************************/
/* Brödtext */
body { font-size: 16px; color: black; }
/* Change h4 text size */
h4 { font-size: 20px; line-height: 120% }

/* Länkar */
a { color: blue; text-decoration: none; }
a:hover { color: red; text-decoration: underline; }
a:visited { color: blue; text-decoration: none; }

/* Social icons */
a.social-icon { color: black; }
/* Behövs inte - standardgrå är bättre - a.social-icon:hover { color: red; } */
/* Facebook-ikonen är faktiskt bättre svart - a.icon-facebook         {color:blue;} */
.social-block {font-size: 24px;}

/* Menyn i vänsterspalten */
#main-wrapper .widget li a { font-size: 16px; color: blue; text-shadow: none; }
/* Marginal och indrag för menyn i vänsterspalten */
ul, menu, dir {
display: block;
list-style-type: disc;
-webkit-margin-before: 0em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 12px;
}
/* Rubriken under varje Featured Text */
.fpc-marketing .fpc-widget-front h2 {
font-weight: 700;
line-height: normal;
color: inherit;
text-shadow: 0 1px 0 #FFF;
}
/* Texten under kommentarsrutan som visar vilka HTML-koder som är tillåtna */
/* Själva texten behöver inte ändras, men ta bort den röda ramen - den vita bakgrunden tas bort under sidans bakgrundsfärg */
code { border: none; }

/**************************************************/
/*        Definiera om bakgrundsfärgen            */
/**************************************************/
/* Det är flera element på sidan som behöver      */
/* definieras om. Featured Pages-inställningen    */
/* är ändrad i Anpassa-funktionen t.ex.           */
/**************************************************/
body{ background: #c8dbba; }
code { background-color: #c8dbba; }
/* body{ background: #AAD18F; }
code { background-color: #AAD18F; } */

/**************************************************/

/**************************************************/
/*        Definiera om bildtext/caption           */
/**************************************************/
.wp-caption.aligncenter {
margin-left: auto;
margin-right: auto;
}

.wp-caption .wp-caption-text {
font-size: 14px;
color: #525252;
text-align: center;
/* background-color: #f7f7f7; */
}

.wp-caption {
background-color: #f7f7f7;
padding-top: 10px;
padding-bottom: 8px;
padding-left: 10px;
padding-right: 1px;
margin: 8px;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px solid black;
}
/**************************************************/

/**************************************************/
/* Definiera ett textboxelement som kan användas  */
/* för att lyfta ut t.ex. faktarutor i ett        */
/* textblock.                                     */
/**************************************************/
/* För att använda: locate the paragraph to go in */
/* the box and add:                               */
/* <p class="textbox">                            */
/* immediately before the text and                */
/* </p>                                           */
/* immediately after it.                          */
/**************************************************/
.textbox {padding:2px 6px 4px 6px; color: #555555; background-color: #eeeeee; border: #dddddd 2px solid}
/**************************************************/

/**************************************************/
/* Definiera tre textblockelement som kan         */
/* användas som faktarutor                        */
/**************************************************/
/* För att använda: skriv in följande kod innan   */
/* faktarutetexten:                               */
/* <div class="faktarutahoger">                   */
/* Skriv sen in denna kod efter faktarutetexten:  */
/* </div>                                         */
/**************************************************/
.faktarutahel {background: #f7f7f7; border: 1px solid black; margin: 2px; padding: 8px; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}
.faktarutavanster {background: #f7f7f7; border: 1px solid black; float: left; width: 30%; margin: 8px; padding: 8px; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}
.faktarutahoger {background: #f7f7f7; border: 1px solid black; float: right; width: 30%; margin: 8px; padding: 8px; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}
/**************************************************/


/**************************************************/
/* Minska strecket mellan header och resten av    */
/* sidan (och justera färgen)                     */
/**************************************************/
header.tc-header { border-bottom: 4px solid #AAd18F; }
/**************************************************/

/**************************************************/
/* Många inställningar för att få headern som man */
/* vill...                                        */
/**************************************************/
/* Ladda in bakgrundsbilden i header */
header.tc-header  {
background-image:url('http://www.donostia.se/wp-content/uploads/2014/09/Gilda_header_1.png');
background-repeat:no-repeat;
background-attachment:scroll;
vertical-align:top;
horizontal-align:left;
background-color:#FFFFFF;
margin: 0px;
background-size: cover;
}

/* Här kommer kod för att centrera logga etc i headern. Baserat på en Code Snippet för Customizr /*
/* START OF Center Header Block Items 3.2.* (Needs additional php CODE BLOCK 2 in Child Theme functions.php) */
/* STEP 1 - CENTER LOGO (Not necessary, built in to Customizr Built in to 3.2.1 */
/* STEP 2 - CENTER TAGLINE (Not necessary, built in to Customizr Built in to 3.2.1 */
/* OPTION 3/1 - HIDE SOCIAL ICONS */
.navbar-wrapper .navbar.resp .social-block { display: none; }
/* OPTION 4/1 - CENTER MENU */
.pull-menu-left .nav-collapse {
float: center;
}
.navbar-wrapper .navbar.resp ul.nav.tc-hover-menu { 
display:            block;
float:              none; 
width:              100%; 
margin:             0 0;              /* Adjust +/- % if needed */ 
}
/* Variable number of floating elements */
.navbar-wrapper .navbar.resp .nav        {
float:              none; 
width:              100%; 
text-align:         center;
}
.navbar-wrapper .navbar.resp .nav > li   {
float:              none; 
display:            inline-block;
}
/* Fix 2nd level <li>s */
.navbar-wrapper .navbar.resp .nav > li .dropdown-menu li {
float: left;
width: 100%;
text-align: left;
}
/* Adjust margin/padding */
/* Den här är bortkommenterad, för om jag har den kvar så hänger menyn ned in i Body-avsnittet */
/* .navbar-wrapper  .navbar-inner .navbar.resp {
margin: 0px 0px;
padding: 0px 0px;
} */
/* STEP 6 - RESPONSIVENESS */
@media (max-width: 979px) {
.tc-header .brand {
width: auto;
}
.row-fluid .offset1:first-child {
margin-left: 0;
}
}
/* END OF Center Header Block Items 3.2.* (Needs additional php CODE BLOCK 2 in Child Theme functions.php) */
/**************************************************/

/**************************************************/
/* Inställningar för Navbar/menybakgrund          */
/* Navbar/menu background */
.navbar .navbar-inner {
/* background: hsla(0, 100%, 50%, 0.7);  Den gamla mörkare röda */
background: hsla(0, 88%, 62%, 0.7);
max-height: 80px;
min-height: 30px;
top: -10px;                     /* Adjust using -1px move Up, 1px move Down, 0px No change  */
left: 0%;                       /* Adjust using -1% move Left, 1% move Right, 0% No change  */
border-radius: 6px 6px 6px 6px; /* Orginal är 4px */
/* border: 2px solid white; */
/* position: center; - jag har ingen aning om vad denna gör */
/* box-shadow:         0 1px 4px rgba(0, 0, 0, 0.067); */
}

/* Justera inställningar på menytexten */
.navbar .nav > li > a {
padding: 8px 16px 8px 16px; /* Change navbar padding: 2nd and 4th for horiz padding */
font-size: 24px; /* Att ändra size till 20 så här gör att teckensnittet ser kantigt och dåligt ut */
font-weight: bold;
color:white;
text-shadow: none;
}
/* Justera storleken på första tecknet i menytexten (den sätts separat!) */
.navbar .nav > li > a:first-letter { font-size: 24px; font-weight: bold; }

/******************* "mobilmenyn" */
/* Remove the surrounding background */
.nav-collapse.tc-hover-menu-wrapper.in.collapse {
background-color:   hsl(0, 88%, 62% );
}
/* Remove the separator bars */
.tc-hover-menu.nav a {
border-bottom:      hsl(0, 88%, 62% ); /* Samma färg som bakgrunden ovan */
}
.nav-collapse .dropdown-menu > li > a {
color:              black;    /* Adjust Text Color Level 2 */
text-shadow:        none;
}

/* Lägg till texten "Meny" till "3-strecks" menyknappen */
.btn-navbar {
width:          90px;
height:         30px;
vertical-align: top;
}
 
.btn-navbar:after {
content:        "Meny";
float:          right;
margin:         -16px 0 0 0;
}

/* Ta bort site-slogan helt, vi använder inte den. */
.span7.inside.site-description {display:none; }

/* Ändra färg och tjocklek på horizontal ruler */
hr {
/* width: 80%; */
height: 3px;
background-color:#F34747;
color:#F34747;
border: 0 none;
/* margin: 5px auto; */
}

/* Utseende på Content View */
.pt-cv-content-item {
	background-color:#F7F7F7;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	position: relative;
	overflow: hidden;
}

/* Utseende på receptrutan i Easy Recipe */
.easyrecipe {
background: blue;
font: 13px Arial, Helvetica, sans-serif;
padding: 8px;
border-radius: 6px;
box-shadow: 3px 3px 5px 2px #555;
border-style: none;
}