/*
Theme Name: Socfest Blog
Version: 1.0
Theme URI: http://pikcsorsz.hu/wp-themes/socfest-blog
Author: Tibcsi
Author URI: http://pikcsorsz/author/tibcsi
Description: Socfest Blog theme
License: EMV - Erkölcsi Másolás Védelem, azaz, ha lemásolod, egy bunkó tapló vagy!
Memories:
	HajbaVkék: #bcd3cb
	VKék:	#2e91bb;#2e91bb
	Beige:	#ebdca5;
	Sarga:	#f4ea0e
	Lila:	#352738
    FB kék: #3b5998

*/
@import url(//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700&subset=latin,latin-ext);

/*resetting and defaults*/
* {
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial;
}


/* heads */
h1,h2,h3,h4,h5,h6 {
    clear: both;
    font-weight: 300;
    padding: 14px 0 8px;
    margin: 8px 0 4px;
}

h1 {
    font-size: 34pt;
    line-height: 1.3846153846;
}

h2 {
    font-size: 28pt;
    line-height: 1;
}

h3 {
    font-size: 24pt;
    line-height: 1;

}

h4 {
    font-size: 20pt;
    line-height: 1.2;
    border-bottom: 2px solid #11b8c0;
    padding-bottom: 0;
}

h5 {
    font-size: 16pt;
    line-height: 1.3333333333;
    border-bottom: 2px solid #11b8c0;
    display: inline;
    padding-bottom: 0;
}

h4.noborder,
h5.noborder {
    padding-bottom: 12px;
    border: none;
}

h6 {
    font-size: 14pt;
    line-height: 1.5;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
    margin-top: 0;
    padding-top: 0;
}

h1 strong, h1 b,
h2 strong, h2 b,
h3 strong, h3 b,
h4 strong, h4 b,
h5 strong, h5 b,
h6 strong, h6 b
{
    font-weight: 600 !important;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    font-size: 60%;
}


.avatar {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}


.entry-header  .sharedaddy .sd-title { display: none}

::selection {
    background: #222; /* WebKit/Blink Browsers */
    color: white;
}

.entry-content {
    font-size: 14pt;
    line-height: 22pt;
    color: #222222;
    hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
}

.entry-content > p {
    padding-bottom: 7pt;

}

.entry-content a {
    color: rgba(0, 150, 150, 0.6);
    text-decoration: none;
}
.entry-content a:hover {
    text-decoration: underline;
}

.entry-content ul {
    list-style: disc;
    margin-left: 10px;
    margin-bottom: 40px;
}

.entry-content ul li {
    font-size: 14pt;
    font-style: normal;
}


/** quotes */
.entry-content blockquote {
    font-size: 14pt;
    padding-left: 60px;
    font-style: italic;
    color: #333;
    border: none !important;
}
.entry-content blockquote:before {
    display: inline-block;
    content: "\f10d";
    float: left;
    margin-left: -50px;
    font-size: 40px;
    margin-top: 10px;
    font-family: FontAwesome;
    font-style: normal;
    color: rgba(0, 150, 150, 0.6);
}

/** images */
.entry-content img {
    max-width: 100%;
}

.alignleft {
    float: left;
    height: auto;
}
.alignright {
    float: right;
    height: auto;
}
.aligncenter,
.alignnone
{
    margin: 0 auto !important;
    height: auto;
    display: block;
}

/** embed */
.entry-content iframe {
    margin: 15px auto !important;
    display: block;
    width: 100%;
}

.entry-content p.attachment {
    text-align: center
}

/** image caption *
.wp-caption {
    max-width: 100%;
}
.wp-caption img {
    max-width: 100%;
    height: auto;
    margin: 0;
}
.wp-caption > * {margin: 0; font-size: 80%}

.wp-caption .aligncenter {
    text-align: center !important;
}

*/
@media (max-width: 767px) {
    .aligncenter, .alignleft, .alignright {
        display: block;
        float: none !important;
        margin: 4px auto !important;;
    }
    #post-container article {
        padding: 10px;
    }
    .post-title { font-size: 34px }
}


.widget-main,
.widget_socfest_events_widget
{
    background: transparent !important;
    padding: 10px 0px;
    margin-bottom: 10px;
}

.widget a {
    color: #222 !important;
}
.widget a:hover, .widget a:active {
    color: #666 !important;
    text-decoration: none;
}

.widget-nomargin { padding: 0  ; }


/*$divider-background-color: $grey-lighter !default*/
/*$divider-font-size: $size-7 !default*/
/*$divider-color: $grey-light !default*/

.is-divider, .is-divider-vertical {
    display: block;
    position: relative;
}

.is-divider[data-content]::after, .is-divider-vertical[data-content]::after {
    background: white;
    color: #ababab;;
    content: attr(data-content);
    display: inline-block;
    font-size: 70%;
    padding: .5rem .8rem;
    -webkit-transform: translateY(-1.1rem);
    -ms-transform: translateY(-1.1rem);
    transform: translateY(-1.1rem);
    text-align: center;
}
.is-divider {
    border-top: .1rem solid lightgray;
    height: .1rem;
    margin: 2rem 0;
    text-align: center
}

/* Gutemberg */
.wp-block-verse {
    width: 30%;
    float: right;
    white-space: normal;
}


/* menu */
.navbar-socfest .navbar-nav>li.login {
    background: #3b5998;
    color: white;
    float: right;
}
.navbar-socfest .navbar-nav>li.login a {
    color: white;
}
.navbar-socfest .navbar-nav>li.login a i { color: inherit; }
.navbar-socfest .navbar-nav ul { border: none;box-shadow: rgba(0, 0, 0, 0.3) 0px 6px 12px 0px; }

.navbar-socfest .navbar-nav ul li a {
    color: #444;
    font-size: 13px;
    padding: 10px 10px;
}
.navbar-socfest li:hover,
.navbar-socfest .navbar-nav ul :hover > a,
.navbar-socfest a:focus {
    background: rgba(255,255,255,0.9);
}


.navbar-socfest .navbar-nav>li > ul > li > a:hover {
    background: #ccc;
}

.menu-item > a,
.current-menu-item > a,
.current-menu-ancestor > a,
.current_page_item > a,
.current_page_ancestor > a,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu>.active > a:hover,
.navbar-socfest .navbar-nav ul li.active a
{
    font-size: 14px;
    background: none;
    color: #444;
}

@media (min-width: 1025px) {
    ul.nav li.dropdown-hover:hover > ul.dropdown-menu {
        display: block;
    }

}
@media (max-width:  1024px) {
    ul.nav li.dropdown-hover > ul {
        width: 80%;
    }
}


@media (min-width: 1200px) {
    .dropdown-3 .dropdown-menu {
        left: -200px;
        width: 1170px;
    }

    .dropdown-3 .menu-item {
        display: inline-block;
    }

    .dropdown-3 .menu-item > a {
        display: block;
    }

    .show-posts li {
        width: 200px;
    }
    .menu-posts-container {
        width: 959px;
        height: 197px;
        position: absolute;
        top: 0;
        right: 20px;
        overflow: hidden;
        background: url('images/fancybox_loading.gif') center center no-repeat;
    }

    .menu-posts-header {
        padding: 0 4px;
        font-size: 16px;
        font-weight: 500;
    }
    .menu-posts-item {
        padding: 0 4px;
        font-size: 14px;
        font-weight: 300;
    }

    .menu-posts-item img {
        border-bottom: 3px solid rgba(255,255,0,0.6);
        margin-bottom: 4px;
        opacity: 0.8;
        transition: opacity 200ms;
    }
    .menu-posts-item:hover img {
        opacity: 1;
    }

    .menu-posts-item a {
        color: #363636;
    }

    .menu-posts-item a:hover {
        color: #222;
    }
}