/*
    Theme Name:     Magic 5
    Theme URI:      https://www.mg5.ro/
    Description:    Magie online faurita de cativa magicieni.
    Author:         Magic 5 Squad
    Author URI:     https://www.mg5.ro/
    Template:       Divi
    Version:        2.3
*/
body { overflow-x: hidden; }
#cookie-notice .button { -webkit-transition: all .25s; transition: all .25s; font-weight: bold; }
#cookie-notice.cn-bottom #cn-notice-text { display: block; margin-bottom: 1em; }
#cookie-notice .button#cn-accept-cookie { display: inline-block; }
#cookie-notice.cn-bottom .cookie-notice-container { text-align: justify; font-size: 11px; }
#cookie-notice .button#cn-accept-cookie:hover { opacity: .7; }
#cookie-notice.cn-bottom .button#cn-accept-cookie { margin-left: 0; }
#cookie-notice.cn-bottom { bottom: calc(50%); min-width: initial; max-width: 280px;  }
#main-header { -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
.cf { zoom: 1 }
.cf:before, .cf:after { content: ''; display: table }
.cf:after { clear: both }
.row .col { position: relative; float: left; -webkit-box-sizing: border-box; box-sizing: border-box; }
.c11 { width: 100% }
.c12 { width: 50% }
.c13 { width: 33.33333333% }
.c14 { width: 25% }
.c23 { width: 66.66666666% }
.c34 { width: 75% }
.col.padding, .row.padding { padding: 1em }
.col.margin, .row.margin { margin: 1em 0 0 0 }
.row:first-child, .col:first-child { margin: 0 }
h1, h2, h3, h4, h5, h6, p, .et_pb_module ul, .et_pb_module ol { padding: 0 !important; margin: 1em 0 0 0; }
p.et_pb_contact_field { margin: 0 0 3% 0 !important; padding: 0 0 0 3% !important; }
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, p:first-child, ul:first-child, ol:first-child { margin: 0; }
.et-fb-settings-heading { padding: 21px 30px !important; }
.et_pb_module ul, .et_pb_module ol { list-style-position: outside !important; padding-left: 1em !important; }
li { line-height: 1.5; margin: .5em 0 0 0; }
li:first-child { margin: 0; }
.v-align { -ms-flex-item-align: center; align-self: center; }
#footer-info { float: none; text-align: center; }

#logo {
	max-height: 100%;
}

@media (max-width:980px) {
	.center-text-mobile,
	.center-text-mobile .et_pb_text_inner,
	.center-text-mobile .et_pb_social_media_follow {
		text-align: center!important;
	    display: flex; 
    flex-direction: column; 
    justify-content: center;
	}		
}