/**
 * Version details
 *
 * @package    theme
 * @copyright  2016 Centrum Otwartej i Multimedialnej Edukacji (COME)
 * @author     Marcin Golebiowski
 * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
 *
 */


.region-content-box > .section     { padding: 0; }
.region-content-box > .section > .region-content > div[role='main'] > br:last-child { display: none; }
 
/**** Flex header ************************************************************/

body.hdrAlt .region-header         { height: 180px; background-color: transparent; }
.region-banner                     { padding-top: 180px; } /* = height of .region-header.altered */

body.hdrAlt .region-header #logo-UW-l, 
body.hdrAlt .region-header #logo-KM-l  { bottom: 40px; opacity: 1.0; }
body.hdrAlt .region-header #logo-UW-s, 
body.hdrAlt .region-header #logo-KM-s  { opacity: 0.0; z-index: -1; }

body.navAlt .region-navigation                                  { position: relative; top: 400px ; } /* = height of .region-banner */
body.navAlt .region-navigation + .region-banner                 { position: relative; top: -35px; } /* = height of .region-navigation */
            .region-navigation + .region-banner + .region-alert { padding-top: 35px; } /* = threshold of .region-navigtion + height of .region-header + height of .region-navigation - height of .region-banner */
body.navAlt .region-navigation + .region-banner + .region-alert { padding-top:  0;   } 


/**** CONTENT ADD-ON : Bottom Tab ********************************************/

.bottomTab 
{
	position: absolute; left: 1.9em; bottom: -1.9em; display: block; 
	z-index: 1; border-bottom: 1px solid transparent; padding: 0.25em 1.1em; 
	border-bottom-left-radius: 0.5em; border-bottom-right-radius: 0.5em; 
}

.bottomTab > a                     { line-height: inherit!important; }
.bottomTab > a:hover               { text-decoration: none; }

.bottomTab:before, 
.bottomTab:after                   { width: 1em; height: 1.8em; position: absolute; top: 0.1em; content: ''; background-color: inherit; }

.bottomTab:before 
{ 
	left:  -0.45em; border-left:  1px solid transparent;

	-webkit-transform: skewX(30deg);
	    -ms-transform: skewX(30deg);
	        transform: skewX(30deg);
}

.bottomTab:after 
{ 
	right: -0.45em; border-right: 1px solid transparent; 

	-webkit-transform: skewX(-30deg);
	    -ms-transform: skewX(-30deg);
	        transform: skewX(-30deg);
}

.region-block-news .bottomTab      { background-color: #E3E4E6; }
.region-block-5    .bottomTab      { background-color: #FFFFFF; }

/* Lift top regions level up */

.region-header                     { z-index: 3; }
.region-navigation                 { z-index: 2; }

/* Add space in the sequent container for .bottomTab content */

.region-block-4 > .section, 
.region-block-3 > .section         { padding-top: 3em; }


/**** CONTENT ADD-ON : "ScrollTo" link ***************************************/

.ssBanner > ul > li:nth-child(2) > a .fa { font-size: 150%; }
.ssBanner > ul > li:nth-child(2) > a 
{
	position: absolute; bottom: 3em; left: 50%; display: block; line-height: 125%; 
	text-align: center; text-transform: uppercase; text-shadow: none; 

	-webkit-transform: translateX(-50%); 
	    -ms-transform: translateX(-50%); 
	        transform: translateX(-50%); 
}


/**** OPTIONAL : Transitions *************************************************/

#logo-UW-l, #logo-KM-l, #logo-UW-s, #logo-KM-s, 
body.hdrAlt .region-header #logo-UW-l, 
body.hdrAlt .region-header #logo-KM-l, 
body.hdrAlt .region-header #logo-UW-s, 
body.hdrAlt .region-header #logo-KM-s  { transition: all 500ms ease 0ms; }

.region-header, 
body.hdrAlt .region-header             { transition: all 500ms ease 0ms; }





/**
 * Version details
 *
 * @package    theme
 * @copyright  2016 Centrum Otwartej i Multimedialnej Edukacji (COME)
 * @author     Marcin Golebiowski
 * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
 *
 * FILE: containers.css
 */


/**** LIST : Grid 4 cols / Grid 3 cols - commons *****************************/

.grid4cList > ul, 
.grid3cList > ul            { margin: 0; }
.grid4cList > ul > li, 
.grid3cList > ul > li       { display: inline-block; }
.grid4cList > ul > li p, 
.grid3cList > ul > li p, 
.grid4cList > ul > li img, 
.grid3cList > ul > li img   { display: block; line-height: 1.25em; }
.grid4cList > ul > li img, 
.grid3cList > ul > li img, 
.grid4cList > ul > li .ico, 
.grid3cList > ul > li .ico  { margin-bottom: 14px; }


/**** LIST : Grid 4 cols List ************************************************/

.grid4cList > ul > li       { width: 240px; }


/**** LIST : Grid 4 cols List ************************************************/

.grid3cList > ul > li       { width: 320px; }


/**** LIST : Sliding List ****************************************************/

.sliderList > ul > li       { width: 222px; }

.sliderList                 { position: relative; overflow: hidden; padding: 0 35px; }
.sliderList > ul            { position: relative; left: 0; white-space: nowrap; }
.sliderList > ul > li a     { display: block; line-height: 1.25em; }
.sliderList > span 
{
	position: absolute; top: 0; bottom: 0; width: 35px; cursor: pointer;
	z-index: -1; opacity: 0.0;
}

.sliderList > span.active 
{ 
	z-index:  1; opacity: 1.0; 
}

.sliderList > .slCtrlLt     { left:  0; } 
.sliderList > .slCtrlRt     { right: 0; }

.sliderList > .slCtrlLt > .ico, 
.sliderList > .slCtrlRt > .ico 
{
	display: block; Width: 35px; height: 66px; position: absolute; top: 50%; margin-top: -33px;
	background: transparent url('/theme/kprj/pix/fp/sprites_arrows.png') no-repeat scroll 0 0; 
}

.sliderList > .slCtrlLt > .ico { background-position: calc(0 * (-35px)) 0; } 
.sliderList > .slCtrlRt > .ico { background-position: calc(1 * (-35px)) 0; }


/**** LIST : Expanding Vertically List ***************************************/

.expandList .more-link      { width: auto; margin-bottom: 0; margin-right: 0; }
.expandList .more-link > a  { font-size: inherit; cursor: pointer; }


/**** LIST ITEM : Centered Item / content ************************************/

.centerItem                 { padding-left: 0; }
.centerItem > li p,
.centerItem > li a, 
.centerItem > li img        { margin: 0 auto; text-align: center; }


/**** LIST ITEM : Bottom-Right Spaced Item ***********************************/

.spacedItem                 { padding-left: 0; }
.spacedItem > li            { padding-right: 10px; padding-bottom: 10px; }


/**** LIST ITEM : Rounded Item ***********************************************/

.roundItem                  { padding-left: 0; }
.roundItem > li p, 
.roundItem > li a 
{
	position: relative; width: 160px; height: 160px; 
	background-color: #FFFFFF; border-radius: 50%; 
}

.roundItem > li > p > img, 
.roundItem > li > a > img 
{
	position: absolute; top: 0; right: 0; bottom: 0; left: 0; 
	width: 135px; margin: auto; 
}

/**** LIST ITEM : Help Item, External Links Item *****************************/

.extItem span.ico, 
.hlpItem span.ico 
{
	display: block; Width: 115px; height: 115px; margin: 0 auto; 
	background: transparent url('/theme/kprj/pix/fp/sprites_hlp.png') no-repeat scroll 0 0; 
}

.extItem span.ico 
{
	background-image: url('/theme/kprj/pix/fp/sprites_srv.png'); 
	/* background-size: 460px auto; */
}

.extItem li:nth-child(1) span.ico, 
.hlpItem li:nth-child(1) span.ico { background-position: calc(0 * (-115px)) 0; }
.extItem li:nth-child(2) span.ico, 
.hlpItem li:nth-child(2) span.ico { background-position: calc(1 * (-115px)) 0; }
.extItem li:nth-child(3) span.ico, 
.hlpItem li:nth-child(3) span.ico { background-position: calc(2 * (-115px)) 0; }
.extItem li:nth-child(4) span.ico, 
.hlpItem li:nth-child(4) span.ico { background-position: calc(3 * (-115px)) 0; }
.extItem li:nth-child(5) span.ico, 
.hlpItem li:nth-child(5) span.ico { background-position: calc(4 * (-115px)) 0; }


/**** LIST ITEM : Zoomed Item ************************************************/

.zoomItem                   { padding-left: 0; }
.zoomItem > li > a, 
.zoomItem > li > p 
{ 
	font-size: 120%; 

	-webkit-transform: scale(0.8, 0.8); 
	    -ms-transform: scale(0.8, 0.8);
	        transform: scale(0.8, 0.8); 
}

.zoomItem > li > a:hover,
.zoomItem > li > p:hover 
{ 
	-webkit-transform: scale(1.0, 1.0); 
	    -ms-transform: scale(1.0, 1.0); 
	        transform: scale(1.0, 1.0); 
}


/**** ITEM : Flipping Item ***************************************************/

.flipItem                   { padding-left: 0; }
.flipItem                   { margin-top: 10px !important; margin-bottom: 10px !important; }
.flipItem > li 
{ 
	-webkit-perspective: 1000px; 
	        perspective: 1000px; 
}

.flipItem > li div 
{ 
	position: relative; border: 1px solid transparent; 

	-webkit-transform-style: preserve-3d; 
	        transform-style: preserve-3d; 
}

.flipItem > li div > p 
{ 
	border: 1px dotted transparent; 

	-webkit-backface-visibility: hidden; 
	        backface-visibility: hidden; 
}

.flipItem > li div > p:nth-child(1) 
{ 
	z-index: 2; 

	-webkit-transform: rotateY(0deg); 
	    -ms-transform: rotateY(0deg); 
	        transform: rotateY(0deg); 
}

.flipItem > li div > p:nth-child(2) 
{ 
	position: absolute; top: 0; left: 0; 

	-webkit-transform: rotateY(180deg);
	    -ms-transform: rotateY(180deg);
	        transform: rotateY(180deg);
}

.flipItem > li:hover div 
{ 
	-webkit-transform: rotateY(180deg); 
	    -ms-transform: rotateY(180deg); 
	        transform: rotateY(180deg); 
}


/**** ITEM : Miscellaneous ***************************************************/

hr.separator                { margin-bottom: 2em; }


/**** LIST ITEM : Course Category Item ***************************************/

.crCatItem                  { padding-left: 0; }
.crCatItem > li p           { color: rgba(255, 255, 255, 0.9); width: 100%; height: 220px; margin: 0; }
.crCatItem > li p + p       { padding: 10px 15px; line-height: 1.5em; }

.crCatItem > li p:nth-child(1) span.ico
{
	display: block; Width: 143px; height: 143px; margin: 0 auto; margin-top: 13px; 
}

.crCatItem > li p:nth-child(1) span:not(.ico) 
{
	display: flex; align-items: center; justify-content: center; text-align: center; 
	position: absolute; bottom: 0; width: 100%; height: 50px; padding: 4px 20px; 
	background-color: #204571; border-top: 1px dotted transparent; 
 }

.crCatItem > li p:nth-child(2) strong 
{
	display: block; position: absolute; bottom: 15px; right: 20px; color: #204571;
}

.crCatItem > li p:nth-child(2) strong:after
{
	content: ' \203A'; font-family: 'themeBold'; font-size: 150%; vertical-align: -1px; 
}

.crCatItem > li p 
{ 
	background-position: center top; background-size: cover; 
	background-repeat: no-repeat; background-attachment: scroll; 
}

.crCatItem > li:nth-child(2n+1) p { background-image: url('/theme/kprj/pix/fp/cc_bg1.jpg'); }
.crCatItem > li:nth-child(2n+2) p { background-image: url('/theme/kprj/pix/fp/cc_bg2.jpg'); }
/* .crCatItem > li:nth-child(3n+3) p { background-image: url('/theme/kprj/pix/fp/cc_bg3.jpg'); } */

.crCatItem > li               span.ico { background: transparent url('/theme/kprj/pix/fp/sprites_cc.png') no-repeat scroll 0 0; }
.crCatItem > li:nth-child(1)  span.ico { background-position: calc(0  * (-143px)) 0; }
.crCatItem > li:nth-child(2)  span.ico { background-position: calc(1  * (-143px)) 0; }
.crCatItem > li:nth-child(3)  span.ico { background-position: calc(2  * (-143px)) 0; }
.crCatItem > li:nth-child(4)  span.ico { background-position: calc(3  * (-143px)) 0; }
/* .crCatItem > li:nth-child(5)  span.ico { background-position: calc(4  * (-143px)) 0; } */
.crCatItem > li:nth-child(5)  span.ico { background-position: calc(6 * (-143px)) 0; }
.crCatItem > li:nth-child(6)  span.ico { background-position: calc(5  * (-143px)) 0; }
.crCatItem > li:nth-child(7)  span.ico { background-position: calc(6  * (-143px)) 0; }
.crCatItem > li:nth-child(8)  span.ico { background-position: calc(7  * (-143px)) 0; }
.crCatItem > li:nth-child(9)  span.ico { background-position: calc(8  * (-143px)) 0; }
.crCatItem > li:nth-child(10) span.ico { background-position: calc(9  * (-143px)) 0; }
.crCatItem > li:nth-child(11) span.ico { background-position: calc(10 * (-143px)) 0; }


/**** OPTIONAL : Transitions *************************************************/

.sliderList > ul            { transition: left      500ms ease     0ms; }
.expandList > ul            { transition: height    500ms ease     0ms; }
.zoomItem > li > a, 
.zoomItem > li > p          { transition: transform 350ms ease-out 0ms; }
.flipItem > li div          { transition:           500ms;              }





/**
 *
 * @package    theme
 * @copyright  2016 Centrum Otwartej i Multimedialnej Edukacji (COME)
 * @author     Marcin Golebiowski
 * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
 *
 * FILE: banner.css
 */


/**** Reset styles ***********************************************************/

.ssBanner, 
.ssBanner > div, 
.ssBanner > ul, 
.ssBanner > ul > li 
{
	border:  none; margin: 0; padding: 0;
	color: inherit; background-color: transparent;
}

/**** Core layout ************************************************************/

.ssBanner                           { position: relative; overflow: hidden; z-index: 0; }
.ssBanner > [class^="ssbCtrl"],
.ssBanner > ul > li                 { position: absolute; }


.ssBanner > [class^="ssbCtrl"]      { bottom: 10px; z-index: 1; }
.ssBanner .ssbCtrlPrev              { left:   20px; }
.ssBanner .ssbCtrlNext              { right:  20px; }
.ssBanner .ssbCtrlGoto              { left:    15%; }
.ssBanner > ul > li                 { top: 0; left: 0; display: block; }

.ssBanner [class^="ssbCtrl"]        { height: 1em; z-index: 3; }
.ssBanner .ssbCtrlPrev,
.ssBanner .ssbCtrlNext,
.ssBanner .ssbCtrlGoto > span       { width: 1em; }
.ssBanner .ssbCtrlGoto              { width: 70%; text-align: center; }

/* 'Prev', 'Next' and the correct number of 'GoTo' elements will be revealed by javascript */

.ssBanner .ssbCtrlPrev,
.ssBanner .ssbCtrlNext,
.ssBanner .ssbCtrlGoto > span       { display: none; }

.ssBanner, 
.ssBanner > ul, 
.ssBanner > ul > li                 { width: 100%; height: 100%; }

.ssBanner > ul > li                         { z-index: 0; opacity: 0.0; }
.ssBanner > ul > li.current:nth-child(odd)  { z-index: 1; opacity: 1.0; }
.ssBanner > ul > li.current:nth-child(even) { z-index: 2; opacity: 1.0; }

/***** "Make-it-pretty" customization ****************************************/

.ssBanner .ssbCtrlPrev, 
.ssBanner .ssbCtrlNext, 
.ssBanner .ssbCtrlGoto > span       { border: 2px solid transparent; border-radius: 50%; cursor: pointer; }

.ssBanner .ssbCtrlGoto > span       { border-color: #FFFFFF; margin-right: 0.5em; }

.ssBanner .ssbCtrlPrev, 
.ssBanner .ssbCtrlNext 
{ 
	width: 1.5em; height: 1.5em; font-size: 24pt; line-height: 34pt; 
	text-align: center; text-shadow: 1px 1px 2px rgba(0,0,0,0.9); color: #FFFFFF;
}

.ssBanner .ssbCtrlPrev > span       { padding-right: 0.15em; }
.ssBanner .ssbCtrlNext > span       { padding-left:  0.15em; }

.ssBanner .ssbCtrlGoto              { font-size: 13pt; bottom: 1.4em; }

.ssBanner .ssbCtrlPrev, 
.ssBanner .ssbCtrlNext, 
.ssBanner .ssbCtrlGoto > span       
{ 
	opacity: 0.9; box-shadow: 1px 1px 2px transparent; 
	transition: all 250ms ease 0s; 
}

.ssBanner .ssbCtrlPrev:hover, 
.ssBanner .ssbCtrlNext:hover, 
.ssBanner .ssbCtrlGoto > span:hover 
{ 
	opacity: 1.0; box-shadow: 1px 1px 2px rgba(0,0,0,0.9); 
	color: #00B8EB; border-color: #00B8EB; 
}
.ssBanner .ssbCtrlGoto > span:hover { background-color: #00B8EB; }

.ssBanner .ssbCtrlGoto > span.current       { background-color: #FFFFFF; }
.ssBanner .ssbCtrlGoto > span.current:hover { background-color: #00B8EB; }

.ssBanner > ul > li:nth-child(odd)          { transform: scale(0.9, 0.9); }
.ssBanner > ul > li.current:nth-child(odd)  { transform: scale(1.0, 1.0); }

.ssBanner > ul > li:nth-child(odd) 
{
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: right top;
}

.ssBanner > ul > li:nth-child(1)    { background-image: url('/theme/kprj/banner/s01.png'); }
/*
.ssBanner > ul > li:nth-child(3)    { background-image: url('/theme/kprj/banner/s02.png'); }
.ssBanner > ul > li:nth-child(5)    { background-image: url('/theme/kprj/banner/s03.png'); }
.ssBanner > ul > li:nth-child(7)    { background-image: url('/theme/kprj/banner/s04.png'); }
.ssBanner > ul > li:nth-child(9)    { background-image: url('/theme/kprj/banner/s05.png'); }
.ssBanner > ul > li:nth-child(11)   { background-image: url('/theme/kprj/banner/s06.png'); }
.ssBanner > ul > li:nth-child(13)   { background-image: url('/theme/kprj/banner/s07.png'); }
.ssBanner > ul > li:nth-child(15)   { background-image: url('/theme/kprj/banner/s08.png'); }
.ssBanner > ul > li:nth-child(17)   { background-image: url('/theme/kprj/banner/s09.png'); }
.ssBanner > ul > li:nth-child(19)   { background-image: url('/theme/kprj/banner/s10.png'); }
*/
.ssBanner > ul > li:nth-child(even)
{
	font-size: 13pt; font-weight: normal; line-height: normal; 
	word-wrap: break-word; white-space: normal; text-align: left;
	color: #1D3E5D; text-shadow: 2px 2px 2px #FFFFFF; padding: 30px;
}

.ssBanner > ul > li:nth-child(even) > h2 
{
	font-family: COME_semibold; font-size: 22pt; font-weight: normal; 
	text-align: right; margin-bottom: 0.5em;
}


/**** Header backgrounds *****************************************************/

/* .ssBkgnds top = -.region-banner height */

.ssBkgnds                           { position: relative; width: 100%; height: 400px; top: -400px;  background-color: #FFFFFF; z-index: -1; }
.ssBkgnds > div                     { position: absolute; width: 100%; height: 100%;  top:    0; left: 0; }

.ssBkgnds > div                     { opacity: 0.0; }
.ssBkgnds > div.current             { opacity: 1.0; }

.ssBkgnds > div 
{
	background-size: auto 400px;
	background-repeat: repeat-x;
	background-position: center top;
	background-attachment: scroll;
}

.ssBkgnds > div:nth-child(1)        { background-image: url('/theme/kprj/banner/b01.jpg'); }
/*
.ssBkgnds > div:nth-child(2)        { background-image: url('/theme/kprj/banner/b02.jpg'); }
.ssBkgnds > div:nth-child(3)        { background-image: url('/theme/kprj/banner/b03.jpg'); }
.ssBkgnds > div:nth-child(4)        { background-image: url('/theme/kprj/banner/b04.jpg'); }
.ssBkgnds > div:nth-child(5)        { background-image: url('/theme/kprj/banner/b05.jpg'); }
.ssBkgnds > div:nth-child(6)        { background-image: url('/theme/kprj/banner/b06.jpg'); }
.ssBkgnds > div:nth-child(7)        { background-image: url('/theme/kprj/banner/b07.jpg'); }
.ssBkgnds > div:nth-child(8)        { background-image: url('/theme/kprj/banner/b08.jpg'); }
.ssBkgnds > div:nth-child(9)        { background-image: url('/theme/kprj/banner/b09.jpg'); }
.ssBkgnds > div:nth-child(10)       { background-image: url('/theme/kprj/banner/b10.jpg'); }
*/

/**** Animation **************************************************************/

.ssBanner > ul > li:nth-child(odd)  { transition: opacity 500ms linear   0ms, transform 3000ms ease-out 0ms; }
.ssBanner > ul > li:nth-child(even) { transition: opacity 500ms linear 400ms; }

.ssBkgnds > div                     { transition: opacity 600ms linear 0ms; }





/**
 * Version details
 *
 * @package    theme
 * @copyright  2016 Centrum Otwartej i Multimedialnej Edukacji (COME)
 * @author     Marcin Golebiowski
 * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
 *
 * FILE: come--news.css
 */


.view-content > div > p, 
.view-content > div > em, 
.view-content > div > strong, 
.field-name-post-date        { font-size: 9pt; }


.view-content > div > span > a:after, 
.view-content    td > span > a:after, 
.more-link > a:after         { content: ' \203A'; font-weight: bold; font-size: 150%; vertical-align: -1px; }


/**** VIEWS : General ********************************************************/

.view-content > div          { padding-top: 18pt; }

.view-content > div:first-child { padding-top:  0; }

/* * * * Field: Title * * * */
.view-content > div > h3     { font-size: 16pt; text-transform: uppercase; margin-top: -4.0px; margin-bottom: 0.75em; }

/* * * * Field: Created * * * */
.view-content > div > p      { margin-bottom: 0; }

/* * * * Field: Body * * * */
.view-content > div > div    { margin-top: 0.5em; margin-bottom: 0.5em; }

/* * * * Field: Link 'Read more' * * * */
.view-content > div > span   { display: block; text-align: right; margin: 1em 0.5em 1em 0; }

/* * * * Field: Category, Tags : label * * * */
.view-content > div > strong {  }

/* * * * Field: Category, Tags : content * * * */
.view-content > div > em     { /*font-family: 'themeRegular';*/ }

.more-link                   { margin-top: 1em; }

/* * * * Display Suit module alterations * * * */

.field-name-post-date        { margin-top: 0.75em; }
.field-name-body             { margin-top: 0.5em; margin-bottom: 0.5em; }


/**** VIEWS : News : block ***************************************************/

.view-display-id-news_e > .view-content > div        { line-height: 15pt; float: left; padding: 0; }
.view-display-id-news_e > .view-content > div > h3   { line-height: 16pt; font-size: 13pt; font-weight: normal; }
.view-display-id-news_e > .view-content > div > img  { width: 100%; margin-bottom: 15px; }

.view-display-id-news_e > .view-content > div              { width: 313px; margin-right: 10px; }
.view-display-id-news_e > .view-content > div:last-child   { margin-right: 0; }