/**
 * @file
 * Subtheme specific CSS.
 */

/* ######## ADMIN correct ########*/
#toolbar-item-administration-tray a {
    font-size: 13px;
	font-family: "Source Sans Pro", "Lucida Grande", Verdana, sans-serif;
	font-weight: 400;
	color: #000;
}
/* ######## ADMIN correct ########*/

#main-wrapper {
    margin-top: 40px;
}

#content {
    /*padding-bottom: 100px;*/
}
#content .section {
    padding-margin: 100px;
}

.main-content {
    padding-bottom: 64px;
}



/* ########## PAGER start ########## */

.pagination {
    padding: 12px 6px;
    display: flex;
    justify-content: center;
    background: #fff;
    border-radius: 12px;
    Margin-top: 24px;
    box-shadow: 0px 0px 4px 1px #22032f20;
}

.pagination .page-item {
    border: solid 2px rgb(255, 0, 115, .5);
    margin: 3px;
    border-radius: 6px;
}

.pagination .page-link {
    color: #ff3073;
    margin: unset !important;
    border: unset;
    background: unset;
    font-weight: 400;
}
.pagination .active .page-link {
    background: #ff3073!important;
    color: #fff;
}
.pagination .page-link:hover {
   /* color: #ffb300!important;*/
    background: rgb(255, 0, 115, .5);
    color: #fff;
}

.pagination .page-link:focus {
    box-shadow: unset;
}

/* ########## PAGER end ########## */

/* ######## FOOTER start #########*/
.site-footer p {
    font-size: .8em;
    line-height: 1.4em;
}
.site-footer a {
    font-size: 1em;
}

.site-footer {
    padding: 100px 10px 10px 10px;
    position: relative;
  /*  margin-top: 64px;*/
}
.site-footer .block{
    border: none;
}
.site-footer__top h2 {
    border-bottom-width: 6px;
}

/* ######## FOOTER end #########*/

/* ######## projects ##########*/

.processBar{
	position: relative;
	 background: linear-gradient(90deg, rgba(255,0,115,1) 0%, rgba(255,164,9,1) 100%);
}
.processBar p {
    position: relative;
    display: block;
    text-align: center;
    color: #fff;
    font-weight: 500;
    font-size: 24px;
}
.processBarProcess {
    background: #000;
    height: 100%;
    position: absolute;
    right: 0;
	transition: width 2s ease-out;
}

.projectCode {
    background: linear-gradient(45deg, rgba(255, 0, 115, 1) 0%, rgba(255, 164, 9, 1) 100%);
    width: fit-content;
    padding: 6px 24px;
    border-radius: 24px;
    color: #fff;
    font-weight: 600;
    margin: -16px 0px 20px 20px;
}

.pcIn {
    margin: 50px 0px 0px 0px !important;
}

.cOsszeg {
    background: #ff0b6c;
    color: #fff;
    text-align: right;
    padding: 12px 24px;
    font-weight: 500;
    position: absolute;
    top: 120px;
    right: 0;
    border-radius: 12px 0 0 12px;
}
.cOsszeg.celKor {
    position: relative;
    top: unset;
}
.osszegKeret {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
/* ######## projects end ##########*/

header#header {
    display: inline;
}

.clr-space {
	padding: unset;
}

.vAlignC {
	display: flex;
    flex-direction: column;
    justify-content: center;
}
.addSpace {
    margin-top: 48px;
    margin-bottom: 48px
}
.addSpaceR {
    padding-right: 24px;
}


.headerBG{
	background: #ccc;
}

.bg {
	background: #fff;
	padding-top: 20px;
    padding-bottom: 20px;
}

.logoSvg {
    height: 50px!important;
}

.bg-w{
	background: #ffffff;
    padding: 0px 24px!important;
}

/* #### blazy korrekció #### */
.b-flex, .blazy.b-flex, .item-list > .b-flex, .b-flex > .grid, .item-list > .b-flex > .grid {
        overflow: unset;
    }
.list-group-item{
    background-color: unset;
}

/* #### blazy korrekció vége #### */

.post-container{
	padding: 24px;
}

.post-item {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0px 0px 4px 1px #22032f20;
    padding: 0px 0px 20px 0px!important;
	/*padding-bottom: 20px;*/
}
.grid.list-group-item {
    border-radius: 12px;
	border: none;
/*	box-shadow: 0px 0px 6px 1px #22032f44;*/
}
.pHead img {
    width: 100%;
    height: auto;
}
.pTitle,
.pDate,
.pText {
    padding: 0px 20px 0px 20px;
}
.pText {
    padding-bottom: 12px;
}
.pDate {
    font-size: 12px;
    margin: -16px 0px 20px 0px;
    opacity: .6;
}
.pMore {
    padding: 0px 20px 0px 20px;
}
.pMore .ji{
	font-size: 1.6em;
	position:relative;
	left: 5px;
	transition: all ease .4s ;
}


.pMore .btn, .outlineBtn{
    width: 100%;
    border: solid 2px rgb(255, 0, 115, .5);
    color: rgb(255, 0, 115, 1);
	transition: all ease .4s ;
}
.button--primary {
    border: solid 2px rgb(255, 0, 115, .5);
    color: rgb(255, 0, 115, 1);
}
.pMore .btn:hover,
.button--primary:hover {
    background: rgb(255, 255, 255, 1);
    color: #ffb300;
	border-color: #ffb300;
}
.pMore .btn:hover .ji {
    left: 25px;
}
.pMore .btn:focus,
.button--primary:focus {
    box-shadow: 0px 0px 2px 1px rgb(255 0 115);
}



.postHead {
    margin: 0 -24px;
}
.postHead img {
	width: 100%;
	height: auto;
}
.postDate {
    margin-top: -16px;
    opacity: .4;
    font-size: .9em;
}
.postBody {
    padding-bottom: 60px;
}

	.mr-lg-6 {
		width: 48%;
		padding: 12px
	}

.tgRow{
	display: flex;
    justify-content: center;
}

div.tgCard {
    background: #fff;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px 12px 30px 12px!important;
    box-shadow: 2px 2px 7px 0px #00000020;
	margin: 12px 0px 
}
.tgCard img {
    border-radius: 50%;
}

.accordion-header {
    padding: 0px;
}
.accordion-button:focus {
    border-color: unset!important;
    box-shadow: unset!important;

}

.accordion-button {
	font-weight: 500;
    font-size: 20px;	
	color: #000!important;
    background: #fe0d72!important;
}
.accordion-button.collapsed {
    background: #000!important;
    color: #fe0d72!important;
}

.accordion-button::after {
	background-image: url("../img/ac_clos.svg");
}
.accordion-button:not(.collapsed)::after {
	background-image: url("../img/ac_op.svg");
}
	
/* ###################### form #################### */
.form-actions {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.form-control {
    border-color: rgb(255, 0, 115, 1);
}

.form-control:focus {
    box-shadow: 0 0 0 .25rem #ffb30050;
}

div#edit-actions {
    margin-top: 24px;
}

.captcha {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.captcha legend {
    text-align: center;
    margin-top: 24px;
}