@charset "utf-8";
/* CSS Document */

/*
Theme Name: PADI
Theme URI: http://padi.psiedu.ubbcluj.ro/
Description: Child theme for Padi site
Author: Carmen Ciplea, Mate Tunde Aniko
Template: responsive
Version: 0.1
*/

@import url("responsive.css");

@import url("editor-style.css");

@charset "utf-8";
/* CSS Document */

/* ====================================================== */
/* Proiect : padi.psiedu.ubbcluj.ro   	                  */
/* Vers    : v0.1                  		                  */
/* Data    : februarie 2016	     		                  */
/* Autor   : Carmen Ciplea, Mate Tunde Aniko			  */
/* ====================================================== */

/*@import url("fonts/Myriad-Pro-Light-SemiExtended.ttf");*/
@font-face {
	font-family: Myriad-Pro-Light;
	src: url('fonts/MyriadPro-Light.otf') format('truetype');
}
@font-face {
	font-family: Myriad-Pro-Light-SemiExtended;
	src: url('fonts/Myriad-Pro-Light-SemiExtended.ttf') format('truetype');
}
@font-face {
	font-family: MyriadPro-SemiboldSemiExt;
	src: url('fonts/MyriadPro-SemiboldSemiExt.otf') format('truetype');
}

/* =Globals

-------------------------------------------------------------- */

body {font-size:12px!important; font-family:Myriad-Pro-Light, Arial, Helvetica, sans-serif!important; background-color:#fff;}
.myclear { clear:both; overflow:hidden;}

:focus {
border:0px;
outline: 0;
color:#000!important;
/* background-color:#ced2d3; */
}

body:focus {
border:0px;
outline: 0;
color:#000!important;
background-color:#fff;
}

*::-webkit-input-placeholder {
  color: #000;
}
*:-moz-placeholder {
  color: #000;
}
*:-ms-input-placeholder { /* IE10+ */
  color: #000;
} 


/* =General
-------------------------------------------------------------- */
col-100 {width:100%}
a {
color: #ad1027;
text-decoration: none;
font-family:Myriad-Pro-Light-SemiExtended;
font-size:16px;
}

h1.post-title {font-family:Myriad-Pro-Light-SemiExtended; font-size:30px; color:#ad1027; border-bottom:1px solid #ad1027; padding:10px; margin:20px 0 30px 0;}
h2, h2 a {font-family:Myriad-Pro-Light-SemiExtended; font-weight:300!important}
.post-entry h3 {font-family:Myriad-Pro-Light-SemiExtended; font-weight:300; color:#000; font-size:1.5em;}
h6.title-archive {font-family:Myriad-Pro-Light-SemiExtended; font-size:30px; color:#ad1027; border-bottom:1px solid #ad1027; padding:10px; margin:20px 0 30px 0;}
h2.entry-title { border-style:solid; border-width:1px 0; border-color:#e5e5e5; padding:10px}
.post h2, .page h2 {font-size:1.6em!important; color:#00a6bb}
.read-more { font-weight:bold!important; font-size:14px; clear:none}
.post-entry {font-size:1.4em; width:80%;}
.post-entry p {line-height:1.6em; text-align:justify}
.post-entry li {
    margin: 5px 0px;
    line-height: 1.6em;
    text-align: justify;
    border-bottom: 1px dotted #CCC;
}
.post-meta {
	margin: -15px 0 10px 0;
}
time.timestamp.updated {
    color: #ad1027;
	font-weight:bold;
}

/* =Breadcrumb
-------------------------------------------------------------- */
.breadcrumb-list {border-style:solid; border-width:0px 0; border-color:#e5e5e5; background-color:#f9f9f9;}

.chevron { font-size:18px }
.breadcrumb {margin:0 0 0 -2px!important; padding:0!important;display:inline-block}
.breadcrumb-current {display:inline-block; font-size:16px; font-family:Myriad-Pro-Light-SemiExtended; font-weight:200; padding:0 10px;}
.breadcrumb a { font-size:16px; font-family:Myriad-Pro-Light-SemiExtended;   line-height:40px!important; display:inline-block; padding:0 10px!important; color:#ad1027;}
.breadcrumb a:hover {color:#000; background-color:#ededed}
/* ----------------------------------------------------- */
/* ------------------ PADI BAR  ---------------------- */
#menu-head {padding:0 30px; height:70px;}
.menu-logo_padi {float:left; text-indent:-1000px; width:234px; line-height:46px; background-image:url(images/logo_padi.png); background-repeat:no-repeat; background-position:center; background-size:contain; padding:1em 0; margin-right:25px!important; }
.menu-separator {float:left; text-indent:-1000px; width:1px; line-height:46px; background-image:url(images/logo_separator.png); background-repeat:no-repeat; background-position:center; background-size:contain; padding:1em 0; margin-right:25px!important; }
.menu-logo_bbte {float:left; text-indent:-1000px; width:135px; line-height:46px; background-image:url(images/logo_bbte.jpg); background-repeat:no-repeat; background-position:center; background-size:contain; padding:1em 0;}
.menu-head_menu {float:right;}
.top-menu-padi {margin:0; padding:0}
.top-menu-padi li {float:left; display:inline-block; list-style:none}
.top-menu-padi li a { padding:30px 1em; font-size:18px; text-transform:uppercase; line-height:80px;  font-family:Myriad-Pro-Light-SemiExtended; color:#1189b1;}
.top-menu-padi li a:hover {color:#dd5d0e}

/* ----------------------------------------------------- */
#container {
	margin: 0 auto;
	max-width: 100%!important;
	padding: 0px!important;
}

.skip-container {padding:0!important}
.col-300 {width:31%}
.col-620 {width:57%}

#wrapper {
	float:none;
	width:97%;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	background-color:#fff;
	border: 0px solid #e5e5e5;
	border-radius: 0px;
	clear:inherit;
	margin: 45px auto 0px auto;
	padding: 0 20px 20px 20px;
	position: relative;
}
#content {padding-left:9%;}
#content-archive {padding-left:9%;}


/* -------------- front-page --------------- */
.front-page #nav_slider { background-color:#993; width:100%; position:relative; overflow:hidden; background-color:#eef1f4!important;}

.front-page #wrapper {
	background-color:#fff!important;
	border: none;
	width:100%;
	margin:0px;
	padding: 0;
}


.front-page #featured {padding-bottom:0!important; width:100%!important; border:0!important}
.front-page .grid {margin:0!important}


#header {
	padding:0!important;
	height:60px;
	/*background-color:#dd5d0e;#cc560d;
	background:url(images/pat.png) repeat #dd5d0e;*/
	background-color:#dd5d0e;
	position:relative;
	}
#header_lang_search {display:none!important}
#header .subtitle {
    float: left;
    display: inline-block;
    clear: both;
    height: 60px;
    /* margin: 0 auto; */
}
#header .subtitle p {
	font-family: Myriad-Pro-Light-SemiExtended;
	font-size: 30px;
    font-weight: bold;
    color: #FFF;
    margin: 0;
    line-height: 60px;
    padding: 0 0 0 30px;
    text-transform: uppercase;
}
/* -------------- navigation --------------- */
.main-nav-container {float:right!important;}
.menu {
	width:100%;
	background-image:none!important;
	clear: both;
	filter:none!important;
	margin: 0 auto;
	background-color:#dd5d0e;
}

.menu,
.menu ul {
	display: block;
	list-style-type: none;	
	margin: 0;
	padding: 0;
	float: right;
    left: auto;
    right: -1px;
}

.menu li {
	border: 0;
	display:inline-block;
	float: left!important;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 999;
	background-color: transparent!important;
}

.menu li:hover {
	white-space: normal;
	z-index: 10000;
	background-color: #dd5d0e!important;
}

.menu a {
	color: #FFF!important;
	cursor: pointer;
	font-family:Myriad-Pro-Light-SemiExtended;
	display: block;
	font-size: 21px;
	text-transform:uppercase;
	height: 60px;
	line-height: 60px;
	margin: 0 0 0 0em!important;
	padding: 0 20px 0 20px;
	position: relative;
	text-decoration: none;
	border-left: 0!important;
	background-color:transparent!important;
	font-weight:normal!important;
	text-shadow:none;

}

.menu .sub-menu a { background:rgba(221,93,14,0.6)!important; font-family:Myriad-Pro-Light-SemiExtended; }

.menu a:hover {
	background-color: #dd5d0e!important;
	color: #fff!important;
	background:none!important;
}

.menu  li:hover {
	background-color: #dd5d0e;
	color: #000!important;
}


.menu .current_page_item a,
.menu .current-menu-item  a {
	filter: none;
	color:#fff!important;
	background-color: #dd5d0e!important;
}
.menu .current_page_item a:hover,
.menu .current-menu-item a:hover {
	background-color: #dd5d0e!important;
	color: #fff!important;
}
.menu li li {float:inherit!important; min-width:inherit!important; display:block; background-color:#dd5d0e; line-height:inherit!important; border:0!important;}
.menu li li a { color:#FFF; background-color:#dd5d0e; font-size:16px; font-family:Myriad-Pro-Light-SemiExtended; line-height:35px; height:35px; text-transform:none!important;}
.menu li li:hover, .menu li li:hover a {background-color:#dd5d0e!important;}

.menu li li li {float:inherit!important; min-width:inherit!important; display:block; background-color:#dd5d0e!important; line-height:inherit!important}
.menu li li li:hover a { color:#FFF; background-color:#dd5d0e!important;  font-family:Myriad-Pro-Light-SemiExtended; line-height:35px; height:35px}

.menu  .current_page_item li a,
.menu  .current-menu-item li a { background-image:none!important}

/* ----------------------------- */
 

/* -------------- slogan --------------- */
#bara_slogan { background-color:#FFF; padding:0; margin:0; overflow:hidden}
#bara_slogan ol {margin:0; padding:0;}
#bara_slogan ol li { float:left;  list-style:none; width:calc(100%/3); }
#bara_slogan ol li a.tile-slogan { display:inline-block; width:100%; height:100%; margin-bottom:8px; height:80px;}
#bara_slogan ol li a { display:inline-block; width:100%; height:100%;}
#bara_slogan ol li img {margin:0; padding:0; width:100%; height:100%; border:0;}
#bara_slogan ol li:nth-child(1) a.tile-slogan { background-color:#dd5d0e } 
#bara_slogan ol li:nth-child(2) a.tile-slogan { background-color:#1189b1; border-left:5px solid #FFF;} 
#bara_slogan ol li:nth-child(3) a.tile-slogan { background-color:#bcc66e; border-left:5px solid #FFF;}
#bara_slogan ol li:nth-child(2) .slider_post { border-left:5px solid #FFF;} 
#bara_slogan ol li:nth-child(3) .slider_post { border-left:5px solid #FFF;}
#bara_slogan ol li:nth-child(2) img { border-left:5px solid #FFF;} 
#bara_slogan ol li:nth-child(3) img { border-left:5px solid #FFF;} 

#bara_slogan ol li h2 {font-family:Myriad-Pro-Light-SemiExtended; font-size:30px!important; text-transform:uppercase; text-align:center; margin: 25px 0 25px 0; padding: 0; }
#bara_slogan ol li a h2  {color:#fff;}
#widgets a.tile-slogan { display:inline-block; width:100%; height:100%; margin-bottom:8px; height:80px;}
#widgets a.tile-slogan h2 {font-family:Myriad-Pro-Light-SemiExtended; font-size:30px!important; text-transform:uppercase; text-align:center; padding:10px; margin:20px 0 30px 0; color:#ad1027; border-bottom:1px solid #ad1027; } 

/* ------------------------------------- */

/* -------------- slider --------------- */

.img-mask {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-image:url(http://padi.psiedu.ubbcluj.ro/padinew/wp-content/uploads/mask1.png);
background-repeat:repeat;
z-index:10;
}
.rslides_container {margin:0!important}

.caption {
z-index:999;
position: absolute;
font-family:MyriadPro-SemiboldSemiExt;
font-size:41px;
margin:0 0 4% 0!important;
line-height:normal!important;
display: block;
left: 3%!important;
right: 0;
width:39%!important;
padding: 15px!important;
text-align: center!important;
background: #ad1027!important;
color: #fff;
text-transform:uppercase;
}

.rslides_tabs {
margin-top: 0px!important;
text-align: center;

}
.rslides_container ul {margin:0!important; padding:0!important;}

/* ---------------------------------------------- */

/* -------------- carousel slider --------------- */

.slider_post { background-color:#FFF; padding:0; margin:30px 10px; overflow:hidden}
.amazingcarousel-prev {
    top: 0px!important;
	margin:0px!important;
}
.amazingcarousel-next {
    top: 0px!important;
	margin:0px!important
}
.amazingcarousel-item-container {
    text-align: justify;
    padding: 25px 0px!important;
}
.amazingcarousel-text a.amazingcarousel-posttitle-link {
	font-family:Myriad-Pro-Light!important;
	font-style:normal!important;
	font-size:18px!important;
	font-weight:bold;
	text-align:center!important;
	margin-bottom:15px!important;
}
.amazingcarousel-text blockquote {
    font-family: Myriad-Pro-Light!important;
	font-size:16px!important;
	font-style:normal!important;
    position: relative;
    color: #000!important;
    text-align: justify!important;
    margin: 8px 18px 8px 24px;
    background: none!important;
    border: none;
	display:table-footer-group!important;
}
.amazingcarousel-text cite {
	display:table-header-group!important;
}


/* ------------------------------------- */

/* -------------- footer --------------- */
#footer {width:100%!important; height:405px; background-image:url(images/footer-bg.png); max-width:100%!important; padding:0!important; position:relative; display:table;}
#footer-wrapper {padding:0!important; margin:0 auto!important;}
#footer_widget {width:78%!important;padding:0 0% 0 0%!important; margin:0 11%!important; overflow:hidden!important; position:relative}
#footer_widget .col-200 {width:23.3%; margin:10px 0% -1000px 0!important; padding:0 0 1000px 0!important; background-color:#0c223d}
#content-footer {
	min-height: 405px;
    display: table-cell;
    vertical-align: middle;
	text-align:center;
}
#content-footer p{
	font-family:Myriad-Pro-Light-SemiExtended;
	font-size:14px;
	color:#FFF;
	margin:0;
	padding:0;
	padding-top:15px!important;
}

.scroll-top { text-align:center; padding:0 0 0 45%}
.top_scroll {font-size:30px; color:#fff; background-color:#2cbdde; font-weight:bold; display:block; width:1.4em; line-height:1.4em; border-radius:1.4em;}
.grid {
float: left;
margin-bottom: 0%!important;
padding-top: 0;}

/* --------------------------------------- */

/* -------------- side bar --------------- */
#widgets {
    margin-top: 80px;
}
.widget-wrapper {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
background-color: #ffffff;
border: 0px solid #e5e5e5;
border-radius: 0px;
margin: 0px 0 20px 0;
padding: 0px;}


#widgets .textwidget a {
    display: block;
}

/* =IMG
-------------------------------------------------------------- */

.post-entry img {border:1px solid #ddd; padding:5px;}


/* =Blockquote 
-------------------------------------------------------------- */
blockquote {
	background: #f9f9f9;
	border: none;
	border-left: 4px solid #ad1027;
	margin: 40px 4%!important;
	overflow: auto;
	padding: 0 10px 10px 12px!important;
}

blockquote p {
	font-family: Myriad-Pro-Light-SemiExtended;
	font-size: 18px;
	line-height: 26px;
}
#motive blockquote {
	background:none;
	border: none;
	border-left: 0px solid #d6d6d6;
	margin: 0px!important;
	overflow: auto;
	padding: 0!important;
}

#motive blockquote p {
	font-family:Myriad-Pro-Light-SemiExtended;
	font-style:normal;
	font-size: 14px;
	line-height: normal;
}
/* =Navigation
-------------------------------------------------------------- */
.navigation {border-style:solid; border-width:1px 0; border-color:#efefef; height:auto; line-height:inherit; margin-bottom:40px;}
.navigation .previous, .navigation .next {width:auto;}
.navigation:after {clear:both}