/*
Theme Name: Up2Europe Blog
Theme URI: http://www.up2europe.eu/
Author: Up2Europe
Author URI: http://www.up2europe.eu/
Description: Theme created and customized for Up2Europe.eu
Version: 1.1.10
License: GNU General Public License v3.0 /
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: up2europe-blog
Tags: two-columns, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, sticky-post,  theme-options, threaded-comments, translation-ready

Credits:
1. Bootstrap
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=f58353a31151a8c05d7c)
 * Config saved to config.json and https://gist.github.com/f58353a31151a8c05d7c
2. wp_bootstrap_navwalker
* Class Name: wp_bootstrap_navwalker
* GitHub URI: https://github.com/twittem/wp-bootstrap-navwalker
3. Glyphicons
 * http://getbootstrap.com/components/
*/
@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css");
:root {
    --blue: #23527c;
	--sky: #6694a8;
    --lightgrey: #d9d9d9;
    --textgrey:#3C3C3B;
	--textblue:#004C6E;
    --pink:#E2007A;
    --white:#fff;
}
body{
    line-height: 1.7;
    color:var(--textgrey);
    word-wrap: break-word;/* This is a small security for too long strings titles */
}
/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}


/* Images and wp-captions should always fit and be responsive */
img {
	display: inline-block;
	height: auto;
    max-width: 100%;
}
img[class*="wp-image-"] {
	margin-top: 10px;
	margin-bottom: 10px;
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 10px;
	max-width: 100%;
	border-radius: 4px;
	padding: 0 10px;
}
.wp-caption.aligncenter {
	margin-bottom: 10px;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
}
.wp-caption .wp-caption-text {
	text-align: center;
	margin-top: 10px;
}

/* WP Gallery */
.gallery {
	margin-bottom: 1.5em;
}
.gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.gallery dd {
	margin: 0;
}
.gallery-caption {
	display: block;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}
/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}


/* Content */
.main-content-inner {
	padding-bottom: 1.5em;
}
.hentry {
	margin: 0 0 1.5em;
}
.sticky {
	display: block;
}
.bypostauthor {
	display: block;
}
/* Clearing */
.clear {
	clear: both;
}
/* Navigation */
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:active>.dropdown-menu, .dropdown-submenu:hover>.dropdown-menu {
display: block;
}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:active>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
/* Nested comments? They are threaded and nested already, you just need to add your own styling to finalize!
 * For example with some margin, like the line below ;) Delete, modify, change classes in HTML if you desire another style */
 .comment .children { margin-left: 1.5em; }
/**
* Some WP Theme Repository requirements
*/
.sticky {
}
.gallery-caption {

}
.bypostauthor {

}
.entry-meta {
	clear: both;
}
/*
 == Want to have the whole site wrapped? ==
 Just fill the .container class with some background color to have a the whole site "wrapped".
 This works so easy because every main part is wrapped only once into a container class by bootstrap.
 Try out by decommenting the next line and go from there.

 .container { background: #f9f9f9; border-right: 1px solid #eee; border-left: 1px solid #eee; }

 == Want to wrap just the content and sidebar in Bootstrap style? ==

 That one is a great example to show that some things are much cleaner and easier to do via just adding some HTML classes.
 In this case, we will add just one CSS class "panel", look for example at the beginning in content.php!


/* styles for _tk_pagination und _tk_link_pages */
nav form.tk-page-nav,
nav .input-group,
nav .input-group-btn,
nav .form-control {
    display: inline;
}

.attachment-img-blog{
    height: 100%;
    object-fit: cover;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: var(--blue);
    line-height: 1.2;
}
a {
    color:var(--blue);
    padding: 0;
}
a:hover{
    text-decoration:none;
    color: var(--blue);
    border-bottom: 2px solid var(--blue);
}

.post a {
    color:var(--pink);
}

.nav > li{
    line-height: 3em;
}

.nav > li > a:focus, .nav > li > a:hover {
    text-decoration:none;
    color: var(--blue);
    border-bottom: 2px solid var(--blue);
    display:inline;
}

.nav > li > a{
    padding: 0;
    display: inline;
}

/*********************************
        SLIDER
*********************************/
.home-slider{
    border-bottom: 4px solid #e5edf0;
    min-height: 52vh;
}
.home-slider::after {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 17px 17px 0 17px;
        border-color: #e5edf0 transparent transparent transparent;
        margin-right: auto;
        margin-left: auto;
        z-index: 1;
        position: absolute;
        left: 48%;
}
.slider-content{
    position: relative;
}
/*********************************
        HEADER
*********************************/
#navbar-top-menu .nav > li > a:hover{
    border:none;
    display: block;
}
#navbar-top-menu .nav > li > a{
    display: block;
    padding: 8px 15px 15px;
}

#main-menu {
    margin-top: 4px;
}
.agency #navbar-collapse-top-menu .nav > li:first-child {
    border-right: 1px solid rgba(201, 219, 224, 0.71);
    padding: 0;
}
.agency #navbar-collapse-top-menu .navbar-nav > li.up2europe-back-link {
    background-image: url("ressources/agency/img/logo_back2Up2Europe.png");
}
.agency #navbar-collapse-top-menu .navbar-nav > li.up2europe-back-link:hover{
    background-image: url("ressources/agency/img/logo_back2Up2Europe_blue.png")
}
.site-content {
    padding-top:2em;   
    padding-bottom:2em;   
}
.agency h2{
    font-size: 35px;
}
/***************************************************************** 
        style singles post in homepage
****************************************************************/
.page-title {
    font-size: 28px;
    font-family: ubuntumedium;
}
.posted-on::after, .byline::after {
    content: "|";
    margin: 0 .5em;
}
.entry-category a, .entry-meta a, .entry-footer a {
    font-weight: 700;
    text-decoration: none;
    color:var(--blue);
}
/***design 2 colonne ***/
/* .main-content-inner {
    display: flex;
    flex-wrap: wrap;
}
.index-image {
    height: 220px;
}
.panel-blog {
    position: relative;
    flex: 1 0 250px;
    margin: 8px;
} */

/*** design orizzontale immagine su  ***/
/* .panel-blog{
    position: relative;
}
.index-image {
    height: 300px;
} */

/*** design orizzontale immagine a sx  ***/
.panel-blog{
    position: relative;
    display: flex;
}
.index-image {
    flex: 1 2 auto;
}
.index-image:hover {
    opacity: .9;
    transition: .07s ease-in;
}
.post-content{
    padding: 20px;
    width: 100%;
    flex: 1 1 auto;
    background-image: linear-gradient(0deg, #f3f7f9, #f3f7f9, #f3f7f9b8);    
}
.panel-shadow {
    box-shadow: 0px 4px 10px -7px rgba(0, 0, 0, 0.5);
}
.entry-content {
    margin-bottom: 2.5em;
}
.entry-meta {
    margin: 10px 0;
}
.cat-links a:hover {
    border: none;
    background: none;
    color: var(--sky);
}
.cat-links a{
    color: var(--white);
    background-color: var(--sky);
    border-radius: 2px;
    padding: 0.2em 0.4em;
	font-weight:700;
}
.more-link{
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    padding: .5em 1em;
    text-decoration: none;
    background: var(--lightgrey);
}
.more-link:hover {
    background-color: var(--blue);
    color: white;
    border-bottom: 0;
}
.wp-caption {
    margin-bottom: 2em;
    max-width: 100%;
    width:100% !important;
}
.pagination > li > a, .pagination > li > span{
    padding: 20px;
}
/*************************************************************
social single post
************************************************************/
.u2e-link {
    color: var(--white);
    margin-right: 2px;
    cursor: pointer;
    display: inline-block;
    background-color: var(--lightgrey);
    padding: .3em .5em;
    font-size:20px;
}
.u2e-social {
    margin: 20px 0px 25px 0px;
    -webkit-font-smoothing: antialiased;
    font-size: 12px;
    height: 80px;
}
/*************************************************************
Single post page
************************************************************/
.entry-content-title {
    font-size: 38px;
    font-family: ubuntumedium;
}
.post-categories {
    display: flex;
    padding: 0;
	list-style-type:none;
}
.post-categories li {
    margin-right: 2px;
}
.attachment-post-thumbnail {
    max-height: 100%;
    max-width: 100%;
    object-fit: cover;
}
.entry-content-text {
    border-top: 1px solid var(--lightgrey);
    margin-top: 20px;
    line-height: 28px;
    padding-top: 12px;
	font-size: 17px;
	color: var(--textblue);
}
.agency .entry-content-text h2 {
    font-family: ubuntumedium;
    font-size: 28px;
    line-height: 28px;
}
/*************************************************************
 sidebar
 **********************************/
.search-form {
     display: flex;
 }
 .search-form > label {
    flex-grow: 2;
    margin-bottom: 0;
}
.search-submit{
    flex-grow: 1;
}
/* Here some needed widget styles
 * Most widgets are adapted in the file bootstrap-wp.js - and REALLY easy to modify! ;) */
 .widget_nav_menu ul.sub-menu li,
 .widget_pages ul.children li { padding-left: 15px; }
 
 /* Make sure select elements fit in widgets */
 .widget select {
     max-width: 100%;
 }
.widget-title{
    border-bottom: 1px solid var(--blue);
    padding-bottom: 9px;
    font-weight: bold;
}
.widget {
    font-weight: bold;
    margin-bottom: 2em;
}
.widget_custom_html {
    margin-bottom: 40px;
}

.social-share-profile:hover{
	border-bottom: none;
}
.circle-social{
    line-height: 33px;
    padding: 0;
}
.alert{
    margin: 30px 0;
}
.text-center {
    margin:0 auto;
}
.expert_up2europe {
    color: #004c6e;
    background: transparent;
    font-weight: bold;
    font-family: ubunturegular;
    font-size: 12px;
    text-transform: uppercase;
    padding: 4px 8px;
    line-height: 2;
    position: relative;
    top: -28px;
    right: 2px;
}
.no-bord:hover{
	border:none;
}

/********************************************************************
footer
******************************************************************/
.navbar-footer a:hover {
    border: none !important; 
    color: rgba(170, 170, 170, 0.51) !important;
    display: block !important;
}
.navbar-footer li{
    line-height: 1.5;
}
.navbar-footer > li > a {
    padding: 15px;
    display: block;
}
/********************************************************************
        MEDIAQUERIES
******************************************************************/
@media screen and (min-width: 1024px) {
    /* Disable WhatsApp button on Desktop*/
    .u2e-whatsapp {display: none !important;}
}
@media screen and (max-width: 1024px) {
    /* Disable WhatsApp button on Desktop*/
    .page-title {font-size: 22px;}
}


@media screen and (max-width: 728px) {
    .panel-blog {
        margin: 0 0 8px 0;
        flex-direction: column;
    }
    .index-image {
        max-height: 160px;
    }
    .page-title {
        font-size: 23px;
    }
}

.menu-border-top{
    border-top: 4px solid #E2007A;
    width: 100%;
    position: absolute;
    bottom: 32px;
}
#navbar-top-menu .navbar-toggle .icon-bar {
     background-color: #262626;
 }
#navbar-top-menu .navbar-toggle {
    border-color: rgba(88, 88, 88, 0.51);
}